﻿@charset "UTF-8";
@import url(reset.css);
/*-------------------Comment-----------------------*/
body{
	background:#fff url(../images/bg.gif) repeat-x;
	font-family: Meiryo,Arial, Helvetica, sans-serif, MS PGothic,Georgia;	
	font-size:14px; 
	color: #000;
	line-height: 180%;
}

a:link{ text-decoration: none; color:#fa7c01;}
a:visited{color:#fa7c01;}
a:hover{color:#fe8d1e; text-decoration: underline;}
a:active{color:#fe8d1e;}

.title1{ width:100%; height:42px; line-height:42px;text-indent:0.5em; font-size:17px; font-weight:bold; background:#f6f6f6; color:#ff8400; margin-bottom: 15px;}
.title2{ font-size:14px; font-weight:bold; color:#ec7501; margin-bottom: 10px;}
.annotation{ font-size:12px; color:#666;}
.stress1{color:#d2222a; font-size:14px; font-weight: bolder;}
.stress3{font-size:13px; font-weight: bolder;}
.line1{width:95%;height:1em;border-top:1px solid #e4e4e4; margin:1em auto 0;}
.line2{width:100%;height:1em;border-top:1px solid #e4e4e4; margin:1em auto 0;}
.title1C{width:635px; margin:5px auto;}
.btn1{ width:190px;height:50px; color:#333; font: normal normal normal 16px/normal Lucida Grande, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Geneva, Arial, Verdana, sans-serif; text-shadow: rgba(50, 50, 50, 0.292969) 1px 1px 3px; margin:10px 0px;border-radius:2px; -webkit-appearance: none; border-color:transparent;border-color:#c0c0c0;}

.level{width:100px;height:25px;line-height:25px;font-size:13px;color:#fff; border-radius:2px; text-align:center; position:absolute;right:3px;bottom:0;}
.level1{background:#f68f0c;}
.level2{background:#ff0000;}
.level3{background:#0c49f6;}
.level4{background:#1b2122;}

#header{width:100%;height: 156px; background:url(../images/headerBg.jpg) repeat-x; }
#headerC{width:980px;height: 156px; margin:0 auto; background:url(../images/headerC.png) no-repeat; position:relative; }
#topKeyword{height: 25px; line-height: 25px; overflow: hidden; font-weight: normal; text-indent:1em; font-size:11px; color:#333;}
#logoA{width:267px;height:91px; display: block; position: absolute; left: 6px;top:36px;}
#telA{width:276px;height:45px; display: block; position: absolute; left: 700px;top:47px;}

#menu{width:980px;height:62px; margin:2px auto 20px; background: url(../images/menu.gif) no-repeat; position: relative;}
#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07{width:140px;height:62px; text-indent: -9999px; display: block; position: absolute; top:0; }
#menu01{left:0px;}
#menu01:hover{background: url(../images/menu.gif) -0px -62px;}
#menu02{left:140px;}
#menu02:hover{background: url(../images/menu.gif) -140px -62px;}
#menu03{left:280px;}
#menu03:hover{background: url(../images/menu.gif) -280px -62px;}
#menu04{left:420px;}
#menu04:hover{background: url(../images/menu.gif) -420px -62px;}
#menu05{left:560px;}
#menu05:hover{background: url(../images/menu.gif) -560px -62px;}
#menu06{left:700px;}
#menu06:hover{background: url(../images/menu.gif) -700px -62px;}
#menu07{left:840px;}
#menu07:hover{background: url(../images/menu.gif) -840px -62px;}

#middle{width:980px; margin:0 auto; overflow: hidden;min-height: 700px; }

.content{width:740px; float:left;}
.contentC{width:698px;min-height:200px;background:#fff;overflow:hidden;border:1px solid #cabba4; border-top:none; padding:0 20px 20px; border-radius:2px; margin-bottom:20px;}
#sidebar{width:220px;overflow:hidden; float:right;}

#sidebarModule06{width:214px;border:1px solid #cabba4;border-radius:2px; padding:2px;}
.titleSidebarModule06{width:100%;height:33px;height:33px;line-height:34px;background:#ed6517; color:#fff; font-size:16px; font-weight:bolder; text-align:center;}
.sidebarModule06Div{width:88%;margin:10px auto; color:#999; border-bottom:1px dotted #f0f0f0;font-size:13px; line-height:160%;} 
.sidebarModule06Div a{text-decoration:underline;color:#666;} 

#footer{ width:100%; background: url(../images/footerBg.gif); }
#footerC{ width:980px; height: 380px; margin:0 auto; overflow:hidden; position:relative;font-size:13px;color:#fff;}
#shopGuide{width:690px;position:absolute;left:0;top:20px;line-height:160%;}
#footerMenu{width:258px;height:249px; border-left: 1px dotted #f0f0f0; border-right: 1px dotted #f0f0f0; position:absolute; left:720px; top:100px; text-indent:1em; line-height:170%;}
#footerMenu h3{font-size:18px;font-weight:bolder; padding-bottom:1em;}
#footerMenu li{color:#fff;font-size:12px;height:22px; line-height:22px; overflow: hidden;}
#footerMenu li a{ color:#fff; padding: 0 0.4em; text-transform:uppercase;}
#footerMenu li a:hover{ color:#f0f0f0;}
#copyright{width:100%;height:50px;line-height:50px; text-align:center; font-size:13px; background:#01823b; color: #fff;  }
#copyright a{color: #fff; }

#sidebarBtn{width:49px;position:fixed;right:2px;top:50%;}
#sidebarBtn a img{padding-bottom:3px;}
/*---------------index.php---------------*/
#show{margin-bottom:20px;}
#campaign{width:740px;overflow:hidden;margin-bottom:20px;}

/*---------------topics.php---------------*/
.topicItem{margin:10px auto; border-bottom:1px solid #cccbcb;}
.topicItem td{vertical-align:top};
.tdTitleImg{width:140px;}
.titleImgDiv{width:130px;height:130px;line-height:130px;text-align:center;font-weight:bolder;overflow:hidden; border:1px solid #e4e4e4; margin:0 10px 10px 0; }
.tdC a{text-decoration: underline;}
.title{width:540px;font-size:17px;color:#fb8e03; margin-bottom:5px;}
.date{width:525px; text-align:right; color:#999;}
.content{width:530px;font-size:13px;color:#333; position:relative;}	

/*---------------form.php---------------*/
.formTable{	width:670px;margin:15px auto;}
.formTable .titleTd{width:10em;border:1px solid #ececec;height:35px;font-weight:bolder;text-align:right;padding:5px; background:#f6f6f6; position:relative;}
.formTable .contentTd{border:1px solid #ececec; height:35px; padding:5px; }