/*original*/

body{margin: 0px; min-width:988px; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.5em; letter-spacing:0.02em;}
.peko{ min-width:630px !important;}

a:link,a:visited,a:active{color:#04b7f2; text-decoration:underline; outline:none;}
a:hover{color:#e96016; text-decoration:none; border-bottom:none; outline:none;}

a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
a:hover img.none{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }
a {overflow:hidden}

.left{ float:left}
.right{ float:right}
.center{ text-align:center;}
.imgborder{ border:#f2a3b8 solid 5px; margin:0px 10px 10px 10px;}
strong{ color:#e96016; font-weight:bold !important;}
em{ color:#0068b7; font-weight:bold !important;}
b{color: #ff1b03 }
br {letter-spacing: 0;}
.attention{ font-size:10px; color:#465369;}
.m10{ margin-top:10px}
.m20{ margin-top:20px}


/*COMMON*/
#mainmenu{ width:988px; height:56px; display:block;margin:0px auto 0px auto; text-align:center;}
#Box{ width:988px;margin:0px auto 0px auto;}

.line{ height: 3px; padding:0px 0px 10px 0px; background:url(../img/hr.gif) 0 0 repeat-x;}
hr { border:0;  height: 10px;  background:url(../img/hr.gif) 0 0 no-repeat;}
	*html hr { border:none; height:0px;}
	*+html hr { border:none; height:0px;}

.dborder{ background: url(../img/hr.gif) repeat-x bottom left; padding-bottom:10px;}
div.condl {background:#e9e9e9; padding:0px; margin:0px 0px 20px 0px ; width:100%;}
dl.condl { display:block; padding:20px 20px 10px 20px; /*background:#e9e9e9;*/}
.condl dt{ font-size:14px; font-weight:bold; color:#0068b7}
.condl dd{ margin-bottom:10px;}

#footer{ background: url(../img/footerbg.gif) no-repeat center; height:220px; color:#FFF}
	#footer dl{ width:988px; margin:0 auto 0 auto;}
	#footer dl dt{ margin-bottom:5px; margin-left:20px; padding-top:8px; text-align:left; font-size:12px}
	#footer dl dd{ float:left; display:block; margin-right:15px; margin-left:16px;text-align:center}
	* html #footer dl dd{ float:left; display:block; margin-right:14px; margin-left:16px;text-align:center}
	#footer dl dd span{ display:block; margin-top:2px; font-size:10px;}
	#footer .btn{ text-align:right;  width:988px; height:10px; margin:0px auto 0px auto; }
	#footer .btn img{ margin-top:30px; margin-left:20px;}
	* html #footer .btn img{ margin-top:25px; margin-left:20px;}
	#footer a:link,#footer a:visited,#footer a:active{color:#fff; text-decoration:none; outline:none;}

 #pageTop { display:none;}
	/*#pageTop { bottom: 50px;display: block;position: fixed !important;  right: 0;  text-align: right;  width: 45px;  z-index: 100;}*/
	/** html #pageTop { display:none;}*/
	#pageTop a{ display:block; height:160px; width:45px; background:url(../img/goto.png); padding:0}
	#pageTop a:hover{ display:block; height:160px; width:45px; background:url(../img/goto_o.png); padding:0}

/*for footernavi*/
div.footer{	width:100%;	margin:0 auto;padding:2em 0;left:0;	position:fixed;	bottom:0;}
	* html div.footer{	height:200px;z-index:8888;}
	#navigation {position: fixed !important; position: absolute; margin: 0px; padding: 0px; bottom: 0px; width: 100%; z-index:9999;}
	#navigation a { display: block; height: 160px;}

/*MENU*/
#mainmenu .home{ width:187px; height:26px; padding-top:9px; display:block}
	#mainmenu li{ height:56px; width:103px; display:block; float:left; padding:0px 0px 0px 8px;}
	#mainmenu .g{ }
	#mainmenu .g img{ filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; padding-top:12px;}
	#mainmenu .m img{ padding-top:12px;}
	#mainmenu .m a{ height:45px; width:103px;display:block;}
	#mainmenu .m a:hover{ height:56px; width:103px;display:block; background: url(../img/btn_o1.gif)}
	#mainmenu .m a:hover img{ padding-top:22px;} 

/*TOP*/
#leftBox{ float:left; width:480px; position:relative;}
#rightBox{ float:right; width:494px; position:relative;}
#top .container{ background: no-repeat top center; min-height:900px; text-align:left; padding-bottom:20px;}
#top h1{ position:absolute; display:block; top:210px; left:93px;}/*→reEdit.cssへ*/

#top .con{ margin-top:10px; width:494px; text-align:center}
	#top .info{ background:#40a32a; height:160px;}
	#top .main{ background:#fff/*#ea4504*/; height:230px;}
	#top .blog{ background: url(../img/blogbg.jpg) #00b6d7; height:129px; position:relative; text-align:left}
	#top .bn1{ background:#0068b7; height:130px;}
	#top .bn2{ background:#00b0ec; height:80px;}
	#top .tw{ background:#ffaa1c; height:260px;}

#top .confoot{ width:494px; height:11px; margin:0; padding:0;}
	#top .infof{ background: url(../img/conFoot.gif) #226a11}
	#top .mainf{ background: url(../img/conFoot.gif) #ae4005}
	#top .blogf{ background: url(../img/conFoot.gif) #098294}
	#top .bn1f{ background: url(../img/conFoot.gif) #1d4d71}
	#top .bn2f{ background: url(../img/conFoot.gif) #2282a3}
	#top .twf{ background: url(../img/conFoot.gif) #c17d0b}

#top .info_title{ padding-top:10px;}
#top .info_txbox{ margin:7px 0px 0px 5px; text-align:left;}

#top .bloglogo{ position:absolute; top:5px; left:305px;}
	#top .bloglogo a{ display:block; margin-left:28px;}

#top .icon{ width:50px; height:250px; float:left; margin:10px;}
#top .frame{ width:350px; height:250px; float:left; margin:10px 0px 0px 0px;}
	* html #top .icon{ width:50px; height:250px; float:left; margin:10px 2px 0px 5px;}


/*CONTENTS*/
#contents h1{ display:block; width:300px; height:190px;}
#contents .container{ background: url(../img/conbg.jpg) no-repeat top center; min-height:750px; text-align:left; padding-bottom:20px;}
#leftBox2{ float:left; width:680px; position:relative;}
#rightBox2{ float:right; width:300px;}
#contents p{ font-size:14px; line-height:1.6em; margin:0px 0px 10px 0px; display:block;}

#contents .mainBox{ width:678px; background:#40a32a; margin-top:10px; position:relative;}
	#contents .mainBox h2{ display:block; position:relative; height:45px;}
	#contents .mainBox h2 .bk{ position: absolute; top:5px; left:553px;}
	#contents .mainBox h2 .bk2{ position: absolute; top:5px; left:427px;}
#contents .inBox{ margin:5px; padding:20px; background:#FFF; min-height:606px; height: auto !important; height: 606px; }
	.inclear{ padding-top:1px !important;}
#contents .num{ width:65px; height:30px; background:#00b0ec; display:block; line-height:30px; color:#FFF; font-size:16px; text-indent:6px; float:left; }
#contents .date{ width:110px; height:30px; background:#e95504; display:block; line-height:30px; color:#FFF; font-size:14px; text-indent:10px; float:left;}
#contents .ttitle{ width:500px; height:30px;display:block; color:#00b0ec; font-weight:bold; line-height:30px; font-size:14px; text-indent:10px; float:left;}
#contents .read{ color:#00b0ec; font-weight:bold; font-size:16px; display:block; line-height:1.6em; padding:15px 0px 10px 3px;}

#contents .confoot{ width:678px; height:11px; margin:0; padding:0;}
#contents .mainf{ background: url(../img/conFoot2.gif) #c5c5c5}


#Loadright .con{ margin-top:10px; background:#FFF;}
	#Loadright .con span{ display:block; float:left; width:150px;}
	#Loadright .confoot{ width:300px; height:11px; margin:0; padding:0;}
	#Loadright .mainf{ background: url(../img/conFoot3.gif) #ae4005}
	#Loadright .brogf{ background: url(../img/conFoot3.gif) #098294}
	#Loadright .infof{ background: url(../img/conFoot3.gif) #c5c5c5}



/*yokoyku_bk*/
#bk_con{ margin-bottom:20px;}
#contents .btndt{ float:right; height:30px;}
#bk_nvi { width:100px; height:50px; margin:30px auto 0 auto; text-align:center;}
	#bk_nvi a:link,#bk_nvi a:visited,#bk_nvi a:active{color:#fff;  outline:none;}
	#bk_nvi .prev{ width:30px; height:30px; background:#e96016; font-size:18px; line-height:30px; float:left}
	#bk_nvi .next{ width:30px; height:30px; background:#00b0ec; font-size:18px; line-height:30px; float:right}

/*about_cast*/
.castpic{ margin-bottom:20px;}
.cast {  height:190px; display:block;margin-top:10px;}
.cast img{ float:left; height:170px;}
.cast span{ float:right; width:330px; height:170px; padding:10px 10px 0px 10px;}

/*about_music*/
#musictx{  line-height:1.6em}
	#musictx dt{ font-size:16px; font-weight:bold; color:#0068b7; margin-top:10px;1.8em}
	#musictx dd{ background: url(../img/hr.gif) repeat-x bottom left; padding-bottom:10px;}


/*mobile*/
#mobAccess {position: absolute; top:70px;left:523px;}
	* html #mobAccess {position: absolute; top:75px;left:523px;}
#mobiletx{ width:490px; display:block;}
	.inmob{ min-height:900px;}

/*goods*/
#condvd{background:#e9e9e9; padding:10px;}
	#condvd img{ float:right;}
	#condvd ul{ margin:10px 0px 10px 0px;}
	#condvd li{ list-style: square; list-style-position:inside;}
	#condvd ul span{ font-size:10px;}
#order{ color:#ea6092; font-weight:bold; font-size:18px; display:block; line-height:1.6em; padding:15px 0px 10px 3px; position:relative; height:50px;}
	#order span{ position:absolute; top:20px; left:100px; display:block;}
	#order img{ position:absolute; top:10px; left:300px; display:block;}

/*KOKUCCHI_TOP*/
#top_k .container{ background: url(../img_k/topbg.jpg) no-repeat top center; min-height:900px; text-align:left; padding-bottom:20px;}
#top_k h1{ position:absolute; top:160px; left:93px; display:block;}
#top_k .con{ margin-top:10px; width:494px; text-align:center}
#top_k .info{ background:#ea6092; height:320px;}
#top_k .main{ background:#fff/*#ea4504*/; height:230px;}
#top_k .blog{ background: url(../img/blogbg.jpg) #00b6d7; height:129px; position:relative; text-align:left}
#top_k .bn1{ background:#f2a3b8; height:130px;}
#top_k .bn2{ background:#f2a3b8; height:80px;}
#top_k .tw{ background:#ffaa1c; height:260px;}

#top_k .conk{ margin-top:10px; width:242px; float:left}
#top_k .conk2{ margin-top:10px; width:242px; float:right}
#top_k .confootk{ width:242x; height:11px; margin:0; padding:0; background: url(../img_k/conFoot.gif) #c5c5c5}

#top_k .confoot{ width:494px; height:11px; margin:0; padding:0;}
	#top_k .infof{ background: url(../img/conFoot.gif) #c34472}
	#top_k .mainf{ background: url(../img/conFoot.gif) #de7a9e}
	#top_k .blogf{ background: url(../img/conFoot.gif) #de7a9e}
	#top_k .bn1f{ background: url(../img/conFoot.gif) #de7a9e}
	#top_k .bn2f{ background: url(../img/conFoot.gif) #de7a9e}
	#top_k .twf{ background: url(../img/conFoot.gif) #de7a9e}

#top_k .info_title{ padding:10px 0px 10px 10px; text-align:left;}
#top_k .info_tx{ width:484px; height:126px; background:#FFF; text-align:left; margin:7px 0px 0px 5px; overflow:auto;}#top_k .info_tx span{ padding:10px; display:block;}
#top_k .blog_tx{ width:250px; height:126px; text-align:left; padding:7px 0px 0px 10px; overflow:auto; font-size:10px; line-height:1.5em;}#top_k .blog_tx span{ padding:10px; display:block; font-size:10px}
#top_k .date{ color:#ea5404}
#top_k .blogtitle{ font-size:12px; color:#FFF; line-height:1.2em; margin:2px 0px 3px 0px}
#top_k .bloglogo{ position:absolute; top:5px; left:305px;}
#top_k .icon{ width:50px; height:250px; float:left; margin:10px;}
	* html #top_k .icon{ width:50px; height:250px; float:left; margin:10px 2px 0px 5px;}
#top_k .frame{ width:350px; height:250px; float:left; margin:10px 0px 0px 0px;}


/*KOKUCCHI_MENU*/
#kmenu{ width:988px; height:56px; display:block;margin:10px auto 0px auto; text-align:center;}
	#kmenu .home{ width:125px; height:26px; padding-top:4px; display:block}
	#kmenu li{ height:56px; width:103px; display:block; float:left; padding:0px 30px 0px 23px;}
	#kmenu .g{ }
	#kmenu .g img{ filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; padding-top:12px;}
	#kmenu .m img{ padding-top:12px;}
	#kmenu .m a{ height:45px; width:103px;display:block;}
	#kmenu .m a:hover{ height:56px; width:103px;display:block; background: url(../img_k/btn_o1.gif)}
	#kmenu .m a:hover img{ padding-top:22px;} 


/*CONTENTS_k*/
#contents_k h1{ display:block; width:300px; height:190px;}
#contents_k .container{ background: url(../img_k/conbg.jpg) no-repeat top center; min-height:900px; text-align:left; padding-bottom:20px;}
#contents_k p{ font-size:14px; line-height:1.6em; margin:0px 0px 10px 0px; display:block;}
#contents_k .mainBox{ width:678px; background:#ea6092; margin-top:10px; position:relative;}
	#contents_k .mainBox h2{ display:block; position:relative; height:45px;}
	#contents_k .mainBox h2 .bk{ position: absolute; top:5px; left:553px;}
	#contents_k .mainBox h2 .bk2{ position: absolute; top:5px; left:427px;}
#contents_k .inBox{ margin:5px; padding:20px; background:#FFF; min-height:606px;}
	.inclear{ padding-top:1px !important;}
#contents_k .num{ width:65px; height:30px; background:#00b0ec; display:block; line-height:30px; color:#FFF; font-size:16px; text-indent:6px; float:left; }
#contents_k .date{ width:110px; height:30px; background:#ea6092; display:block; line-height:30px; color:#FFF; font-size:14px; text-indent:10px; float:left;}
#contents_k .read{ color:#ea6092; font-weight:bold; font-size:16px; display:block; line-height:1.6em; padding:15px 0px 10px 3px;}
#contents_k .mainf{ background: url(../img/conFoot2.gif) #c5c5c5}
#contents_k .confoot{  height:11px; margin:0; padding:0;}


/*Goods*/
#contents .container2{ background: url(../img/conbgd.jpg) no-repeat top center; min-height:750px; text-align:left; padding-bottom:20px;}
#contents .mainBox2{ width:988px; background:#40a32a; margin-top:10px; position:relative;}
#contents .inBox2{ margin:5px 5px 5px 5px; padding:20px; background:#FFF; min-height:606px; height: auto !important; height: 606px; }
	* html #contents .inBox2{ margin-bottom:0 !important;}
#iebug{ display:none}
* html #iebug{ background:#40a32a; height:5px; width:988px; display: block;!important}

#contents .mainf2{ background: url(../img/conFoot4.gif) #c5c5c5}
#goodsdl { margin-left:0px;}
	#goodsdl dt{ margin:0px 0px 10px 10px ; padding-top:10px;}
	#goodsdl dd{ width:160px; margin:0px 11px 10px 11px; position:relative; vertical-align:top; display: -moz-inline-box; /*for Firefox 2*/ display: inline-block; /*for modern*/ /display: inline; /*for ie5〜7*/ /zoom: 1; /*for ie5〜7*/}
		* html #goodsdl dd{  margin:0px 9px 10px 9px !important;}
	#goodsdl dd img{ border:#666 solid 3px;}
	#goodsdl .rop{ background:url(../goods/img/icon_01.gif) no-repeat; z-index:9999px;}
	#rop div{ position:absolute; top:143px; left:143px; width:20px; height:20px; background:url(../goods/img/icon_01.gif) no-repeat;}
	#kok div{ position:absolute; top:143px; left:143px; width:20px; height:20px; background:url(../goods/img/icon_02.gif) no-repeat;}
.g01{ background:#afebff;}
#goodsdl b{ display:block; color:#40a32a;}
#goodsdl a:link{ text-decoration:none; outline:none; !important}