/*リセット*/
body, h1, h2, h3, h4, h5, h6, a, p, hr,
address, ul, ol, li, dl, dt, dd, blockquote,
table, caption, th, td, img{
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-size: 100%;
font-weight: normal;
text-align: left;
text-decoration: none;
list-style:none; 
}

html{
margin: 0;
padding: 0;
}

body{
font-size:80%;
color:#555;
font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.8;
cursor:default;
position:relative;
background:#E0E6EF;
}

/* table ul ol dl=========================================*/
table { 
border-collapse:collapse;
border-spacing:0;
}
th,td{vertical-align:top}
img {
vertical-align: bottom;
}
table.style{
width:100%;
border-collapse:collapse;
margin-bottom:10px;
}
table.style th{
background:url(../img/L.gif) no-repeat left top #EFF2FC;
border:1px solid #A2B0C9;
padding:3px 5px;
font-weight:bold;
color:#474F63;
vertical-align:middle;
}
table.style td{
background:#FFFFFF;
border:1px solid #A2B0C9;
padding:3px 5px;
vertical-align:middle;
}
table.style2{
width:100%;
border-collapse:collapse;
margin-bottom:10px;
}
table.style2 th{
background:url(../img/li.png) no-repeat 6px 6px;
border-bottom:1px solid #CCD7E1;
font-weight:bold;
padding:2px 0 2px 24px;
}
table.style2 td{
background:#FFFFFF;
border-bottom:1px solid #CCD7E1;
padding:2px 0 2px 1em;
}
table.stripe tr.even td{ background-color:#F4FCED;}

ul.style{margin:0 0 10px;}
ul.style li{ background:url(../img/li.png) no-repeat left 6px; padding:2px 0 2px 18px; border-bottom:1px solid #ccc;}
ul.style li a{ text-decoration:none;}

/* link=========================================*/
a {
color:#3580CA;
outline: none;
text-decoration:none;
cursor:pointer;
}
a:hover {
color:#5FC0F4;
text-decoration:none;
}

/* tag=========================================*/
p{
margin-bottom:10px;
}
strong{
color: #005da3;
}
em{
color: #009999;
font-style:normal;
font-weight:bold;
}
/* class=========================================*/
.hidden {
display: none;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.price{}
.xsmall{
font-size:78%;
}
.small{
font-size:85%;
}
.large{
font-size:130%;
}
.xlarge{
font-size:160%;
}
.note{
color:#E00A40;
}
.bold{
font-weight:bold;
}
.price{ color:#E05A0A}

.reset{
margin:0;
padding:0;
}
/* clears=========================================*/
.clear {
clear: both;
}
.clearfix {
clear: both;
display:inline-table;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;z
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* HIDE IEmac-5 ＼*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}

/*ヘッダー===============================*/
#header{width:100%;height:auto;background:#FFFFFF;}
#header .headerComment{ width:100%; background:url(../img/hcombg.jpg) repeat-x center; overflow:hidden; height:24px;}
#header .headerComment p{ width:940px; margin:0 auto 0; color:#FFFFFF; font-size:11px;}
#header .inner{
width:940px;
height:95px;
margin:0 auto 0px;
padding:0px;
position:relative;
}
h1{ position:absolute; top:22px; left:0px;}
#header .googlebox{ background:url(../img/search01.jpg) no-repeat 3px center; padding:0 0 0 18px; height:21px; border:1px solid #ccc;}
#header .googlebox:focus , #header .googlebox:hover{ background:url(../img/search02.jpg) no-repeat 3px center #E7F1FB; border-color:#0099CC; }
#header p.tel{ position:absolute; top:33px; right:0px; font-size:11px;}
#header span.tel{ font-size:18px; font-family:'palatino linotype',palatino; color:#009999; font-weight:bold; vertical-align:sub; letter-spacing:1px;}
#header ul.hnav{ position:absolute; top:66px; right:0px; font-size:12px;}
#header ul.hnav li{ float:left; background:url(../img/li.jpg) no-repeat left center; padding:0 0 0 18px; margin:0 0 0 1.4em; display:inline;}
#header ul.hnav li a{ color:#003366;}
#header ul.hnav li a:hover,#header ul.hnav li a.current,#header ul.hnav li a.parentsLink{ color:#288AEC;}

/*グロナビ===============================*/
.gnav{ width:100%; height:42px; background:url(../img/gnbg.png) repeat-x; margin:-1px 0 5px;}
.gnav ul{
width:940px;
height:42px;
bottom:0px; left:0px;
margin:0 auto;
padding:2px 0 0;
}
.gnav ul li{
float:left;
}
.gnav ul li a{ display:block; height:30px; padding:1px 25px; text-decoration:none; line-height:28px; font-size:14px; color:#003366;}
.gnav ul li a:hover{ background:url(../img/gnon.jpg) repeat-x; border:1px solid #d5d5d5; padding:0px 24px;}
.gnav ul li a.current,.gnav ul li a.parentsLink{ background:url(../img/gncr.jpg) repeat-x; border:1px solid #4477C4; padding:0px 24px; color:#FFF;}



/*コンテナ　ラッパー===============================*/
.container{
width:880px;
height:auto;
margin:0 auto 0;
overflow:hidden; background:url(../img/containerBody.png) repeat-y;
padding:5px 28px 10px;
overflow:hidden;/*IE印刷プレビュー対応*/
position:relative;
}
html:not([lang*=""]) .container{ overflow:visible; }/*その他ブラウザでキャンセル*/
.printfix{
clear:both;
height:1px;
overflow:hidden;
}
.containerHead{ overflow:hidden; background:url(../img/containerHead.png) no-repeat;width:936px;height:14px;margin:0 auto;}
.containerFoot{ overflow:hidden; background:url(../img/containerFoot.png) no-repeat;width:936px;height:14px;margin:0 auto 15px;}

/*見出し===============================*/
.conMain h2{ width:640px; height:107px; padding-left:20px; line-height:98px; background:#ccc; margin:0 auto 10px; font-size:24px; font-weight:normal; color:#fff; overflow:hidden; background:url(../img/h2bg.jpg) no-repeat;}

h3{margin:0 0 7px; border-bottom:#2A5EAA 2px solid; padding:0;
font-weight:bold; font-size:15px; color:#333; overflow:hidden; clear:both;
}
h4{margin:0 0 4px; border-left:#3580CA 4px solid; padding:0 0 0 6px; background:url(../img/h4bg.jpg) repeat;
font-weight:bold; font-size:13px; color:#234F8F; overflow:hidden; clear:both;}
h3.image,h4.image,h5.image,h6.image{ background:none; padding:0; border:none;}
h3 span ,h4 span,h5 span,h6 span{ font-size:10px; color:#666666; font-weight:normal; padding:0 0 0 0.8em;}
h5{ color:#333333; font-weight:bold;}
/*===============================*/







/*メイン===============================*/
.conMain{ float:right; width:660px;}
.topics{ width:318px; float:left; margin:0 20px 0 0; display:inline; font-size:12px;}

.container .conMain .inner{
padding:0 20px 15px; overflow:hidden;
}
.container .conMain .inner .inner{
padding:0 20px 0;
}
.contactBox{ margin:15px auto 15px;}

/*サブ===============================*/
.conSub{ float:left; width:200px; padding:0;}
.snav{ border:1px solid #ccc; padding:1px;}
.snavfoot{ overflow:hidden; background:url(../img/scshadow.jpg) no-repeat; width:200px; height:15px;}
.snav h3{ background:url(../img/snavh.jpg) repeat-y; color:#FFFFFF; margin:0; border:none; padding:4px 0.5em 4px; font-size:13px; line-height:1.4;}
.snav ul{ background:url(../img/snavbody.jpg) no-repeat top #e9e9e9; font-size:12px; padding:5px 8px 8px;}
.snav li{ background:url(../img/snavboader.png) no-repeat bottom; padding:2px 0 4px;}
.snav li a{ text-decoration:none; color:#003366; display:block; background:url(../img/li.png) no-repeat left 2px; padding:0 0 0 18px; line-height:1.5}
.snav li a:hover,.snav li a.current{color:#288AEC;}

.twtr-widget h3,.twtr-widget h4{ background:none; border:none; margin:0; padding:0;}
div#twitter_widget{ margin:0 0 10px;}

.conSub ul.banner{ margin:0 0 8px;}
.conSub ul.banner li{ margin:0 0 7px;}

ul.mnav{ margin-bottom:10px; padding:0 0 6px; background:url(../img/scshadow.jpg) no-repeat bottom; font-size:12px;}
ul.mnav li{ background:url(../img/li.jpg) no-repeat left 6px; padding:2px 0 2px 18px; border-bottom:1px solid #CCCCCC;}
ul.mnav li a{ text-decoration:none; color:#003366; display:block;}
ul.mnav li a:hover,ul.mnav li a.current{color:#288AEC;}

ul.mmnav{font-size:11px;}
ul.mmnav li{background:url(../img/lis.png) no-repeat left 6px; padding:2px 0 2px 15px; border-bottom:1px dotted #CCCCCC;}
ul.mmnav li.last{ border:none;}
ul.mmnav li a:hover,ul.mmnav li a.current{color:#288AEC;}

/*トップ===============================*/
#newsbox{ width:200px; margin:0 0 10px;}
#newsbox h3{ margin:0;}
#newsbox .inner{padding:7px 0 0 0; border:1px solid #ccc; border-top:none; height:200px; overflow-y:scroll;}
#newsbox dl{ padding:0 10px 0; font-size:12px;}
#newsbox dt{ background:url(../img/li.jpg) no-repeat left 4px; padding:0 0 0 18px;}
#newsbox dd{ padding:0 0 0; margin:0 0 5px; border-bottom:1px solid #ccc;}


.top ul.topics{ width:660px; height:auto; margin:0 0 10px; font-size:90%;}
.top ul.topics li{ float:left; width:320px; margin:0 20px 10px 0;}
.top ul.topics li.odd{ clear:both;}
.top ul.topics li.even{ margin-right:0;}

.top ul.topics ul.style{ width:auto; overflow:hidden;}
.top ul.topics ul.style li{ margin:0; width:auto; float:none;}
.top ul.topics ul.style li a{ display:block;}

a.btn{ border:1px solid #4477C4; background:url(../img/gncr.jpg) repeat-x; width:auto; height:24px; line-height:23px; padding:2px 12px; font-size:12px; font-weight:bold; color:#fff;}
a.btn:hover{  filter: alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75;}

/*フッター===============================*/
.fnav {font-size:12px; padding-top:0; padding-bottom:0;}
.fnav ul{}
.fnav li{float:left; margin-right:18px; display:inline;} 
.fnav li a{ color:#003366; text-decoration:none;}
.fnav li a:hover,.fnav li a.current{ color:#288AEC;}
#footer{ width:100%;height:auto; background:url(../img/hshadow.png) repeat-x top #fff; border-top:2px solid #2A5EAA; font-size:95%;}
#footer .inner{
width:940px;
height:auto;
margin:0 auto;
padding:10px 0 20px;
position:relative;
}
#footer .left{ float:left; width:33%;}
#footer .right{ float:right; width:65%;}
#footer h2{ margin:10px 0 10px; padding:0; background:none; border:none;}
#footer .tel{ color:#009999; font-weight:bold;}
p.pagetop{ text-align:right; font-size:12px;}
p.pagetop a{ background: url(../img/liup.jpg) no-repeat left center; padding:0 0 0 18px;}
#footer h3 { border-bottom:1px solid #ccc; color: #005da3; font-size:13px;}

#footer  ul li{ float:left; padding:0 0 0 1em; font-size:11px;}

#footer table.copyright{
width:100%;
clear:both;
font-size:11px;
margin:20px 0 0;
color:#666;
}#footer table.copyright th{margin:0; padding:0; width:50%;}
#footer table.copyright td{margin:0; padding:0; width:50%; text-align:right;}
#footer table.copyright td a{text-decoration:none;color:#999;}



/*イメージ===============================*/
.il{
float:left;
margin:0 15px 10px 0px;
clear:both;
display:inline;
}
.ir{
float:right;
margin:0 0 10px 15px;
clear:both;
display:inline;
}
.ir img,.il img{ margin:0 0 3px;}
.ir p,.il p{ margin:0; font-size:10px; line-height:1.5}
img.photo{
border:#ccc 1px solid;
padding:1px;
background:#fff;
}
img.hover:hover{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

#color_selector {
	position: absolute;
	top: 10px;
	left: 300px;
}