@charset "utf-8";

/*-----------------------------------------------------

Base Layout Style
※ブラウザ表示速度を考慮し、インデント・改行を無くしています。
※CSSは個別に読み込む方がブラウザ表示速度は速くなりますが、管理しやすいよう、importしています。
※Dreamweaverのデザイン画面においてもある程度正しく表示されるようにしています。
※yui fonts.cssで文字サイズをbodyに対して標準13pxに指定しています。ここでbodyにfont-sizeを指定すると設定を上書きしてしまうことになるので絶対に避けてください。Wrapにかけるなどする。

------------------------------------------------------*/

/* =========================================================
◆Link Style
========================================================= */

a:link    { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover   { color: #e62e8b; text-decoration: underline; }
a:active  { color: #666666; text-decoration: none; }
a:hover img { filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
img.rollover2 { filter:alpha(opacity=100) !important;}
imput [type=image]:hover { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

/* =========================================================
◆基本
========================================================= */
html { }
body { background: #fff; line-height:1.4;}
img { vertical-align:bottom;}


/* =========================================================
◆Main
========================================================= */
#dirPath { padding:13px 0 22px; height:1.2em; clear:both;}
#dirPath ul li { float:left; display:inline; font-size:77%; color:#666666; }
#dirPath ul li a { margin-right:6px; background:url(../img/dirpath.gif) no-repeat right center; padding-right:14px; color:#666666; font-size:100% !important;}

#Main {clear:both;background:#f2f2f2; padding-bottom:55px;}
#Main_inner { width:950px; margin:0 auto; padding:20px 0 0px; background:#f2f2f2;}
/*
.home #Main { visibility:hidden;}
.home #Main {*visibility:hidden;}
.home #Main {_visibility:hidden;}
.home #Main { visibility: visible\0/;}
:root .home #Main { visibility:hidden; \0/; }  /* IE9 */

#Lside { display:inline; float: left; width: 246px; margin-right:20px; }
#Lside .lnav { margin-bottom:11px; background:#f4c623;}
#Lside .lnav h3 { }
#Lside .lnav li a { display:block; color:#604C3F; line-height:20px; padding:5px 5px 5px 30px; background: #fbfaf6; border-bottom:dashed 1px #c9bc9c; zoom:1; text-decoration:none; font-size:93% ;}
#Lside .lnav li a:hover { background: #FAF2DE;}

#Lside #Gnav,#Lside #Gnav_not {height:422px; padding:10px; margin-bottom:10px; background-color:#ea0d12 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/css/PIE.htc);position:relative;  }
/** .products #Lside #Gnav { height:435px;}  **/
#Lside #Gnav li,#Lside #Gnav_not li { position:absolute;}
#Lside #Gnav li a,#Lside #Gnav_not li a { width:108px; height:104px; text-indent:-9999px; display:block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/css/PIE.htc); overflow:hidden; position:relative;}
#Lside #Gnav li.gnav01,#Lside #Gnav_not li.gnav01 { top:91px; left:10px;}
#Lside #Gnav li.gnav02,#Lside #Gnav_not li.gnav02 { top:91px; left:128px;}
#Lside #Gnav li.gnav03,#Lside #Gnav_not li.gnav03 { top:190px; left:10px;}
#Lside #Gnav li.gnav04,#Lside #Gnav_not li.gnav04 { top:190px; left:128px;}
#Lside #Gnav li.gnav05,#Lside #Gnav_not li.gnav05 { top:289px; left:10px;}
#Lside #Gnav li.gnav06,#Lside #Gnav_not li.gnav06 { top:289px; left:128px;}
#Lside #Gnav li.gnav01 a,#Lside #Gnav_not li.gnav01 a { background:url(../img/gnav_01_off.jpg);}
#Lside #Gnav li.gnav02 a,#Lside #Gnav_not li.gnav02 a { background:url(../img/gnav_02_off.jpg);}
#Lside #Gnav li.gnav03 a,#Lside #Gnav_not li.gnav03 a { background:url(../img/gnav_03_off.jpg);}
#Lside #Gnav li.gnav04 a,#Lside #Gnav_not li.gnav04 a { background:url(../img/gnav_04_off.jpg);}
#Lside #Gnav li.gnav05 a,#Lside #Gnav_not li.gnav05 a { background:url(../img/gnav_05_off.jpg);}
#Lside #Gnav li.gnav06 a,#Lside #Gnav_not li.gnav06 a { background:url(../img/gnav_06_off.jpg);}
#Lside #Gnav li.gnav01 a:hover,#Lside #Gnav_not li.gnav01 a:hover { background:url(../img/gnav_01_on.jpg);}
#Lside #Gnav li.gnav02 a:hover,#Lside #Gnav_not li.gnav02 a:hover { background:url(../img/gnav_02_on.jpg);}
#Lside #Gnav li.gnav03 a:hover,#Lside #Gnav_not li.gnav03 a:hover { background:url(../img/gnav_03_on.jpg);}
#Lside #Gnav li.gnav04 a:hover,#Lside #Gnav_not li.gnav04 a:hover { background:url(../img/gnav_04_on.jpg);}
#Lside #Gnav li.gnav05 a:hover,#Lside #Gnav_not li.gnav05 a:hover { background:url(../img/gnav_05_on.jpg);}
#Lside #Gnav li.gnav06 a:hover,#Lside #Gnav_not li.gnav06 a:hover { background:url(../img/gnav_06_on.jpg);}
body.gnav01 #Lside #Gnav li.gnav01 a { background:url(../img/gnav_01_on.jpg);}
body.gnav02 #Lside #Gnav li.gnav02 a { background:url(../img/gnav_02_on.jpg);}
body.gnav03 #Lside #Gnav li.gnav03 a { background:url(../img/gnav_03_on.jpg);}
body.gnav04 #Lside #Gnav li.gnav04 a { background:url(../img/gnav_04_on.jpg);}
body.gnav05 #Lside #Gnav li.gnav05 a { background:url(../img/gnav_05_on.jpg);}
body.gnav06 #Lside #Gnav li.gnav06 a { background:url(../img/gnav_06_on.jpg);}
body.gnav01 #Lside #Gnav li.gnav01 { z-index:10 !important;}
body.gnav02 #Lside #Gnav li.gnav02 { z-index:10 !important;}
body.gnav03 #Lside #Gnav li.gnav03 { z-index:10 !important;}
body.gnav04 #Lside #Gnav li.gnav04 { z-index:10 !important;}
body.gnav05 #Lside #Gnav li.gnav05 { z-index:10 !important;}
body.gnav06 #Lside #Gnav li.gnav06 { z-index:10 !important;}
#Lside #Gnav li.active,#Lside #Gnav_not li.active { z-index:10;}
#Lside .language { width:124px;  width:154px; position:absolute; bottom:17px; left:54px; }
/** .products #Lside #Gnav .language { bottom:45px; } **/
#Lside #Gnav .language li,#Lside #Gnav_not .language li { width:60px !important; height:10px !important; display:inline; float:left; position:relative !important;}
#Lside #Gnav .language li.last,#Lside #Gnav_not .language li.last { width:60px !important; margin-left:17px; }
#Lside #Gnav .language li a,#Lside #Gnav_not .language li a { width:60px; height:10px !important; text-indent:0 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
#Lside #Gnav .language li.last a,#Lside #Gnav_not .language li.last a { width:60px; text-indent:0  !important;}
.language li a img { vertical-align:top;}
#Lside .btnlist { margin-bottom:15px;}
#Lside .btnlist li { display:inline; float:left; margin-bottom:4px;}
.pl4 { padding-left:4px;}
#Lside #Newscontainer {padding:10px 0; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/pc/css/PIE.htc); clear:both; overflow:hidden; height:313px; *height:318px; z-index:5; position:relative; }
#Lside #Newscontainer_inner { position:absolute;}
#Lside #Newscontainer h3 { padding-left:10px;}
#Lside #Newscontainer .openbtn { position:absolute; right:10px; top:10px; z-index:10;}
#Lside #Newscontainer .closebtn { position:absolute; right:10px; top:10px; z-index:10; display:none;}
#Lside #Newscontainer li { border-bottom: dashed 1px #8a8a8a; padding:10px; color:#666; font-size:85% !important; *font-size:93% !important; height:48px; }
#Lside #Newscontainer li.last { margin-bottom:0; /*padding-bottom:0;*/ border-bottom:none;}
#Lside #Newscontainer .newcont_notification_list.last { border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: rgb(170, 170, 170); height: 46px; }
#Lside #Newscontainer li a { display:block; line-height:16px; }
#Lside #Newscontainer li span { /*display:block;*/ text-decoration:none !important; /*color:#333 !important;*/ line-height:16px !important; font-size:100%;}
#Lside #Newscontainer li a:hover span { text-decoration:none !important;}
#Lside #Newscontainer .newsfoot { position:absolute; bottom:20px; right:10px;}
#Lside #Newscontainer .newsblock { display:inline; float:left; width:246px; height:312px;}
#Lside #Newscontainer .newsblock2 { display:inline; float:left; width:224px; height:312px; margin-left:10px; overflow:hidden; display:none;}
#Lside #Newscontainer .newsblock2 li { border-bottom: dashed 1px #8a8a8a; padding:10px 8px;}
#Lside #Newscontainer .newsblock2 .newcont_whats_new_list.last { border-bottom: none;}
.newcont_notification_list .nn_news_link { color:#e62e8b; }

.search_box { background:#ea0d12; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom:10px;}
.btnarea01 { padding:12px 0 14px; text-align:center; height:172px;}
.btnarea01 ul {}
.btnarea01 ul li { display:inline-block; width:32%; margin-bottom:12px;}
.search_area {  width:192px; background:#ffffff; position:absolute; bottom:15px; left:25px; border:solid 1px #FFF;  }
.search_area_inner { height:16px; overflow:hidden; border:solid 1px #8c8c8c; background: #8c8c8c; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(/css/PIE.htc); position:relative;}
.search_area ul li { display:inline; float:left;}
.search_input_wrap { padding-left:15px; background:url(../products/img/search.jpg) no-repeat left top; overflow:hidden !important; position:relative;}
.search_input { position:relative; width:125px; border: none; line-height:14px; height:16px; background:#FFF; *top:-2px; left:1px\9;width:124px\9;}
.search_submit_wrap { width:48px; height:16px; border: none !important; position:absolute; right: 3px; top:0px; padding:0; margin:0; }
.search_submit_wrap button { background:url(../img/btn_008.png) no-repeat left top !important; width:49px; height:16px; outline: none; border: none !important; position:absolute; right:0px; top:0;}



#Cont { display:inline; float: left; width: 684px; overflow:hidden;  background-color: transparent;}


#Rside { display:inline; float: left; width: 200px; margin-left:25px; }

.bannerlist { margin-bottom:15px; clear:both;}
.bannerlist li { margin-bottom:5px; padding-bottom:5px; border-bottom: dotted 1px #690;}
.bannerlist li.last { padding:0; margin:0; border:none;}
/* =========================================================
◆pageTop
========================================================= */
.pageTop { height:30px;}
.pageTop a { display:block; float:right; padding:0 10px 0 20px; line-height:30px; }
.pagetop {
	margin-top:10px;
}
.pagetop img{
	padding-right: 4px;
	padding-bottom: 6px;
}

/* =========================================================
◆Foot
========================================================= */
#Foot_01 { clear:both; width:100%; background:#ffffff; display:none; }
#Foot_01_t { position:relative; width:100%; z-index:20; }
#Foot_01_t .Foot_01_inner { width:100% !important; position:absolute; bottom:0; padding:2px 0 0; background:url(../img/foot_bg_001.jpg) repeat-x left top #ffffff; border-bottom:1px solid #ea0d13; z-index:20;}
.Foot_01_inner { width:950px; margin:0 auto; padding:15px 0; *padding:15px 0 8px; background-color:#ffffff;}
.foot_menuarea_wrap { width:950px; margin:0 auto; position:relative;}
.foot_menuarea_wrap .menubtn {}
.foot_menuarea_wrap .menubtn .menubtn01 { width:119px; height:26px; position:absolute; top:-27px; left:0;}
.foot_menuarea_wrap .menubtn .menubtn02 { width:119px; height:26px; position:absolute; top:-27px; left:127px;}
.foot_menuarea_wrap .menubtn img { position:absolute; top:0; left: 0;}
.foot_menuarea_wrap .menubtn img.btn_open { position:absolute; top:0; left: 0; z-index:1;}
.foot_menuarea_wrap .menubtn img.btn_close { position:absolute; top:0; left: 0; z-index:1;}
.foot_menuarea_wrap .menubtn .icon03 .btn_open { display:none;}

.foot_menuarea { padding:20px 0;}
.foot_menuarea_inner { background:url(../img/foot_bg_002.gif) repeat-y left top;}
.foot_menuarea_L { width:275px; display:inline; float:left; padding:0 21px 0 20px;}
.foot_menuarea_C { width:275px; display:inline; float:left; padding:0 21px 0 20px;}
.foot_menuarea_R { width:273px; display:inline; float:left; padding:0 21px 0 20px;}
.foot_menuarea_parts {  cursor:pointer;}
.foot_menuarea_parts2 {  cursor:pointer;}
.foot_menuarea .slideArea01 { }
.slideArea01 ul { margin-bottom:20px;}
.slidearea_inner { padding:0 0 0px;}
.slideArea01 ul li { line-height:1.8;}
.mb22 { margin-bottom:23px;}
.slideArea01 {}
.slideArea01 ul li a { background:url(../img/icon_003.jpg) no-repeat 5px 0.6em; padding-left:12px; font-size:93%; display:block;}
#Foot_01_t .aco01 { width:275px; height:62px; background:url(../img/foot_btn_menu_001.jpg) no-repeat left top; text-indent:-9999px;}
#Foot_01_t .aco02 { width:275px; height:62px; background:url(../img/foot_btn_menu_002.jpg) no-repeat left top; text-indent:-9999px;}
#Foot_01_t .aco03 { width:275px; height:62px; background:url(../img/foot_btn_menu_005.jpg) no-repeat left top; text-indent:-9999px;}
#Foot_01_t .aco04 { width:275px; height:39px; background:url(../img/foot_btn_menu_006.jpg) no-repeat left top; text-indent:-9999px;}
#Foot_01_t .aco05 { width:273px; height:33px; background:url(../img/foot_btn_menu_007.jpg) no-repeat left top; text-indent:-9999px; height:44px;}
#Foot_01_t .aco06 { width:273px; height:33px; background:url(../img/foot_btn_menu_008.jpg) no-repeat left top; text-indent:-9999px;}
#Foot_01_t .aco07 { width:273px; height:44px; background:url(../img/foot_btn_menu_013_off.jpg) no-repeat left top;}/*追加*/
.mb4 { height:44px;}
#Foot_01_t .icon01 .arrow { display:block; width:275px; height:39px; background:url(../img/icon_001_off.jpg) no-repeat 241px 7px; position:relative; clear:both;}
#Foot_01_t .icon02 .arrow { display:block; width:275px; height:39px; background:url(../img/icon_001_on.jpg) no-repeat 241px 7px; position:relative;}
#Foot_01_t .icon01 .arrow2 { display:block; width:273px; height:29px; background:url(../img/icon_002_off.jpg) no-repeat 245px 2px; position:relative;}
#Foot_01_t .icon02 .arrow2 { display:block; width:273px; height:29px; background:url(../img/icon_002_on.jpg) no-repeat 245px 2px; position:relative;}

.foot_menu01 {}
.foot_menu01_L { width:236px; display:inline; float:left; margin-right:60px;}
.foot_menu01_L ul {margin: 0; text-align:left !important;}
.foot_menu01_L ul li { display:inline; float:left; background:url(../img/foot_line_001.jpg) no-repeat right center; padding-right:10px; margin-right:12px; }
.foot_menu01_L ul li img { vertical-align:baseline; display:block;}
.foot_menu01_L ul li.last { margin-right:0; border-right: none !important; background:none; }
.foot_menu01_L ul li a { font-size:77% !important;}
.foot_menu01_C { width:340px; display:inline; float:left; margin-right:40px;}
.foot_menu01_C img { display:block;}
.foot_menu01_R { width:224px; display:inline; float:left;}
.foot_menu01_R img { display:block;}
#Foot_01 p { padding: 0; text-align: center; }

.aco_sub{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #FF7D7D;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	text-indent: 15px;
}


.sq_op{
	background-image: url(../img/sq_open.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.sq_cl{
	background-image: url(../img/sq_close.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* =========================================================
◆CLEARFIX
========================================================= */
#Gnav ul:after,
#Gnav_not ul:after,
#Foot ul:after,
#dirPath ul:after,
#Head #headR:after,
#Head ul:after,
#Head:after,
#Main:after,
#Main_inner:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#Gnav ul,
#Gnav_not ul,
#Foot ul,
#dirPath ul,
#Head #headR,
#Head ul,
#Head,
#Main,
#Main_inner        { min-height: 1px; }
* html #Gnav ul,
* html #Gnav_not ul,
+ html #Foot ul,
* html #dirPath ul,
* html #Head #headR,
* html #Head ul,
* html #Head,
* html #Main,
* html #Main_inner { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


img.btn_close {
	height:26px;
	display:block;
	padding-bottom:4px;
	bottom:1px;

}
img.btn_open {
	height:26px;
	display:block;
	padding-bottom:4px;
		bottom:1px;

}

.slideBtn02 {
	height:22px !important;
	width:119px !important;

	display:block;
	padding:0 !important;
	margin:0 !important;
}
.slideBtn04 {
	height:44px !important;
	width:273px !important;

	display:block;
	padding:0 !important;
	margin:0 !important;
}
.icon03 {
	margin:0;
	padding:0;
}


.icon04 {
	margin:0;
	padding:0;
}