@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

/*グローバルナビ*/
#HEADER .NAVI ul.MENU_MAIN li.M_PRODUCE a	{ background:#5cb9d1; color:#fff; border-bottom-color:#5cb9d1; }
#HEADER .NAVI ul.MENU_MAIN li.M_PRODUCE a:hover	{ background:#5cb9d1; color:#fff; border-bottom-color:#5cb9d1; }
#HEADER .NAVI ul.MENU_MAIN li.M_PRODUCE a:active	{ background:#5cb9d1; color:#fff; border-bottom-color:#5cb9d1; }
.sidr ul li.sidr-class-M_PRODUCE a	{ background-color:#5cb9d1; }

/*ローカルナビ*/
#PAGE #SIDE .SI_BOX ul li a:hover	{ background:#d8f0f0; }
#PAGE #SIDE .SI_BOX ul li a:active	{ background:#d8f0f0; }
#PAGE #SIDE .SI_BOX ul li.SI_TITLE	{ width:195px; float:left; margin:0; padding:0 0 0 15px; background:#f0f1f1; border-bottom:1px solid #ccc; color:#999; font-size:11px; line-height:25px; }
#PAGE #SIDE .SI_BOX ul li.SI_TITLE img	{ width:12px; margin:0 5px 0 0; vertical-align:middle; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH	{ width:210px; float:left; margin:0; color:#666; line-height:40px; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH a	{ width:210px; float:left; color:#fff; border-bottom:1px solid #ccc; font-size:12px; line-height:40px; background:#5cb5cd; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH a strong	{ margin-right:5px; color:#33b3b7; font-weight:bold; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH span	{ width:4px; float:left; margin:17px 10px 0 15px; vertical-align:middle; overflow:hidden; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH span img	{ width:8px; float:left; margin:0 0 0 -4px; }
#PAGE #SIDE h2	{ width:210px; float:left; color:#8b8988; font-weight:bold; }

#PAGE #SIDE a.BANNER	{ width:auto; float:left; margin:10px 0; }
#PAGE #SIDE a.BANNER:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE #SIDE a.BANNER:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE #SIDE a.BANNER img	{ width:auto; float:left; }
#PAGE #SIDE a.BANNER strong	{ width:210px; float:left; margin:5px 0 0 0; font-weight:bold; font-size:14px; line-height:1.5em; }
#PAGE #SIDE a.BANNER span	{ width:210px; float:left; font-size:12px; line-height:1.5em; }

/*トップ*/
#PAGE .TOP strong	{ text-shadow: 1px 1px 3px #000; }
#PAGE #CONTENTS .SHEET	{ border:none; background:none; }
#PAGE #CONTENTS .SHEET p	{ margin:20px 0 0 0; }
#PAGE #CONTENTS .SHEET a.BANNER	{ display:none; }
#PAGE #CONTENTS .SHEET ul.R_LIST	{ width:750px; float:left; margin:10px 0 0 0; }
#PAGE #CONTENTS .SHEET ul.R_LIST li	{ width:250px; float:left; margin:10px 0; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a	{ width:190px; height:380px; float:left; padding:15px; background:#fff; border:5px solid #e3f3f2; position:relative; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a span.IMAGE	{ width:190px; height:143px; float:left; margin:5px 0 0 0; overflow:hidden; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a img	{ width:190px; float:left; margin:0; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a h2	{ width:190px; float:left; margin:10px 0; font-weight:bold; font-size:12px; line-height:1.5em; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a dl	{ width:190px; float:left; margin:5px 0 0 0; font-size:11px; line-height:1.2em; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a dl dt	{ width:55px; float:left; font-weight:bold; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a dl dd	{ width:130px; float:right; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a div	{ width:190px; float:left; margin:10px 0 0 0; padding:5px 0; background:#8f8f80; color:#fff; text-align:center; line-height:1.5em; position:absolute; bottom:10px; left:15px; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a div img	{ width:4px; float:none; margin:0 5px 0 0; vertical-align:middle; }


@media screen and (max-width: 640px){

/*トップ*/
#PAGE #CONTENTS .SHEET p	{ width:95%; margin:10px 0 0 2.5%; }
#PAGE #CONTENTS .SHEET a.BANNER	{ width:90%; float:left; display:inline; margin:10px 0 0 2.5%; padding:2.5%; background:#eee; }
#PAGE #CONTENTS .SHEET a.BANNER img	{ width:100%; float:left; }
#PAGE #CONTENTS .SHEET a.BANNER strong	{ width:100%; float:left; margin:5px 0 0 0; font-weight:bold; font-size:14px; line-height:1.5em; }
#PAGE #CONTENTS .SHEET a.BANNER span	{ width:100%; float:left; font-size:12px; line-height:1.5em; }
#PAGE #CONTENTS .SHEET ul.R_LIST	{ width:100%; float:left; margin:10px 0 0 0; }
#PAGE #CONTENTS .SHEET ul.R_LIST li	{ width:100%; float:left; margin:10px 0 0 0; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a	{ width:95%; height:auto; float:left; padding:5px 2.5% 10px 2.5%; background:#fff; border:5px solid #d6eff0; border-left:none; border-right:none; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a span.IMAGE	{ width:30%; height:143px; float:left; margin:5px 0 0 0; overflow:hidden; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a img	{ width:100%; float:left; margin:0; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a h2	{ width:65%; float:right; margin:10px 0; font-weight:bold; font-size:12px; line-height:1.5em; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a dl	{ width:65%; float:right; clear:none; margin:5px 0 0 0; font-size:11px; line-height:1.2em; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a dl dt	{ width:28%; float:left; font-weight:bold; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a dl dd	{ width:70%; float:right; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a div	{ width:100%; float:left; margin:10px 0 0 0; padding:5px 0; line-height:1.5em; position:relative; left:0; bottom:auto; }
#PAGE #CONTENTS .SHEET ul.R_LIST li a div img	{ width:4px; float:none; margin:0 5px 0 0; vertical-align:middle; }
}