@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,img,p,hr,a
{
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style:none;
	font-weight:normal;
	border:0px;
	text-indent:0;
}



body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
@media print{
body{
-webkit-print-color-adjust: exact;}
}
	
section,nav,article,aside,header,footer{
	display:block;
	}
	
.clear{
	clear:both;
	}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

	
#main{
	padding:0;
	width:100%;
	}	
	
#container{
	width:980px;
	height:100%;
	margin:0 auto;
	padding:0;
	clear:both;
	}
	
.floatL{
	float:left;
	}
	
.floatR{
	float:right;
	}
	
.textR{
	text-align:right;
	}
	
.textL{
	text-align:left;
	}
	
.textC{
	text-align:center;
	}
	
img.center{
	display:block;
	margin:0 auto;
	}

.marginB6{
	margin-bottom:6px;
	}
	
.marginB15{
	margin-bottom:15px;
	}
	
.marginB16{
	margin-bottom:16px;
	}

.marginB28{
	margin-bottom:28px;
	}
	
.marginT10{
	margin-top:10px;
		}

.marginT16{
	margin-top:16px;
		}

.marginT20{
	margin-top:20px;
	}

.marginT6{
	margin-top:6px;
	}

.marginT8{
	margin-top:8px;
	}

.marginL16{
	margin-left:16px;
	}
	
.marginL20{
	margin-left:20px;
	}
	
.marginL40{
	margin-left:40px;
	}

.marginL180{
	margin-left:180px;
	}

.marginL480{
	margin-left:480px;
	}
	
/*margin・padding*/
.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb0{margin-bottom:0 !important;}
.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}
.m_auto{margin:0 auto; display:block;}
.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}.pt1em{padding-top:1em !important;}.pt2em{padding-top:2em !important;}
.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}.pr1em{padding-right:1em;}.pr2em{padding-right:2em;}
.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}.pb1em{padding-bottom:1em !important;}.pb2em{padding-bottom:2em !important;}
.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}.pl1em{padding-left:1em;}.pl2em{padding-left:2em;}
	
.red{
	color:#F00;
	}
	
.blue{
	color:#0050B4;
	}
	
.ore{
	color:#FF9900;
	}
	
.sizeS{
	font-size:70%;
	}
	
.size11{
	font-size:80%;
	}	
	
.size12{
	font-size:85%;
	}

.size13{
	font-size:90%;
	}

.size14{
	font-size:95%;
	}
	
.size_Big{
	font-size:120%;
	}
	
.gyo11{
	line-height:100%;
	}
	
.bold{
	font-weight:bold;
	}

.tdul{
	text-decoration:underline;
	}

a,a:link{
	color:#444;
	}
	
a:hover{
	text-decoration:underline;
	color:#F90;
	}
	
a:visited{
	text-decoration:none;
	color:#50509A;
	}
	
a.nomal,a.nomal:link{
	color:#03F;
	text-decoration:underline;
	}
	
a.nomal:hover{
	color:#F90;
	}
	
img.hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
display:block;
}
img.hover:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.hover_n
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.hover_n:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.gray_box{
	border:1px solid #a3a3a3;
	background-color:#FFF;
	padding:16px;
	text-align:left;
	line-height:20px;
	margin-bottom:16px;
	}
	
	
/*************************パンくず*************************/
#main_content ol{
	font-size:90%;
	margin:0 0 16px 0;
	}

#main_content ol li{
	display:inline;
	}

#main_content ol li a{
	color:#00469B;
	background:url(../../img/pankuzu.png) no-repeat right;
	padding-right:22px;
	}
	
#main_content ol li a.nolink{
	color:#000;
	background:url(../../img/pankuzu.png) no-repeat right;
	padding-right:22px;
	}

#main_content ol li a:hover{
	text-decoration:underline;
	}
	
#main_content ol li a.nolink:hover{
	text-decoration:none;
	}

	
/*************************ヘッダー*************************/
header{
	background:url(../../img/kochi_line.png) top no-repeat;
	padding-top:6px;
	width:980px;
	margin:0 auto;
	}
	

h1{
	background:url(../../img/header.png) no-repeat;
	width:350px;
	height:80px;
	float:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	}

#header_right{
	float:right;
	width:400px;
	margin-top:16px;
	}
	
#fontSize{
	float:left;
	width:200px;
	}

#fontSize li{
	float:left;
	margin-right:6px;
	line-height:28px;
	height:28px;
	}

#search{
	float:left;
	width:200px;
	}
	
#header_link{
	text-align:right;
	width:400px;
	margin-top:10px;
	}
	
#header_link a:link,#side_menu li a:link{
	color:#000;
	}
	
#header_link a:visited,#side_menu li a:visited{
	color:#7265B6;
	}
	
#header_link a:hover,#header_link a:active,#side_menu li a:hover,#side_menu li a:active{
	color:#00469B;
	}

nav#global_navi{
	background:url(../../img/menu_back.png) repeat-x;
	width:100%;
	}

nav#global_navi ul{
	width:980px;
	height:66px;
	margin:0 auto;
	padding:0;
	}
	
nav#global_navi ul li{
	display:inline;
	width:196px;
	height:66px;
	margin:0;
	padding:0;
	}
	

	
	
/*************************サイドメニュー*************************/
nav#side_menu #login_box,nav#side_menu #login_box02{
	width:192px;
	margin-bottom:10px;
	padding-top:4px;
	border:2px #003377 solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
	
nav#side_menu #login_box #login_box_inner,nav#side_menu #login_box02 #login_box_inner{
	width:162px;
	margin:5px 15px 5px 15px;
	}
	
	
nav#side_menu #login_box #login_box_inner02	
	{
	width:162px;
	margin:5px 15px 5px 15px;
	overflow:hidden;
	}
	
nav#side_menu #login_box #login_box_inner img,nav#side_menu #login_box #login_box_inner02 img,nav#side_menu #login_box02 #login_box_inner img{
	vertical-align:top;
	margin-bottom:2px;
	}

/*
nav#side_menu table#login{
	font-size:1%;
	line-height:1px;
	width:196px;
	height:326px;
	margin:0 0 10px 0;
	padding:0;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	}

nav#side_menu table#login img{
	font-size:1%;
	line-height:1px;
	vertical-align:bottom;
	margin:0;
	padding:0;
	}
	
nav#side_menu table#login tr,nav#side_menu table#login td{
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	border:none;
	font-size:1%;
	line-height:1px;
	}
*/


nav#side_menu h2 img{
	width:196px;
	height:39px;
	margin:0;
	float:left;
	}

nav#side_menu{
	width:196px;
	margin:16px 16px 0 0;
	float:left;
	}	

/*
nav#side_menu ul{
		display:none;
		width:194px;
		background-color:#CCDAEB;
		border-left:1px solid #999;
		border-right:1px solid #999;
		margin:0;
		padding-bottom:6px;
		}
		
nav#side_menu ul.each{
		width:194px;
		margin:0;
		padding-bottom:6px;
		}
		
nav#side_menu ul.last{
		display:none;
		width:194px;
		background-color:#CCDAEB;
		border-left:1px solid #999;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		margin:0;
		}
		
	
nav#side_menu li a{
	margin:6px 6px 0 6px;
	font-size:80%;
	background:url(../../img/side_list_mark.png) center left no-repeat;
	padding-left:14px;
	padding-top:2px;
	}
*/	

/*アコーディオン*/	
dl.accordion {
	width:196px;
	margin:0 0 16px;
	padding:0;
	}
	
dl.accordion img {	
	float:left;
	}
	
dl.accordion dt {
	margin:0;
	padding:0;
	font-size:14px;
	}
	
dl.accordion dt.open {
	margin:0;
	padding:0;
	}
	
dl.accordion dd {
	width:194px;
	background-color:#CCDAEB;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0;
	padding-bottom:6px;
	display:none;
	}
		
dl.accordion dd.each {
	width:194px;
	background-color:#E5ECF5;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0;
	padding-bottom:6px;
	display:none;
	}
	
dl.accordion dd#active{
	display:block;
	}
	
dl.accordion dd.last{
		border-bottom:1px solid #999;
		}
		
dl.accordion dd	a{
	margin:3px 6px 0 6px;
	font-size:80%;
	background:url(../../img/side_list_mark.png) center left no-repeat;
	padding-left:14px;
	padding-top:2px;
	display:block;
	clear:both;
	}

nav#side_menu dd p a{
	background:none;
	}
	
nav#side_menu dd p.indent{
	margin:0;
	padding-top:2px;
	line-height:12px;
	padding-left:0;
	background:none;
	display:block;
	clear:both;
	}
	
nav#side_menu dd p.indent a{
	background:url(../../img/side_list_mark.png) top left no-repeat;
	padding:0 0 0 1.2em;
	display:block;
	}



/*	
nav#side_menu li p{
	padding-left:1.5em;
	text-indent: -1.5em;
	}
	
nav#side_menu li p a{
	background:none;
	}
*/	

nav#side_menu aside#side_banner{
	width:196px;
	float:left;
	}

nav#side_menu aside#side_banner img{
	width:196px;
	float:left;
	margin-bottom:5px;
	}
	
nav#side_menu aside#side_banner img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
nav#side_menu aside#side_banner img:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

nav#side_menu aside#side_banner02{
	width:196px;
	margin-top:0px;
	float:left;
	}

nav#side_menu aside#side_banner02 img{
	width:196px;
	float:left;
	margin-bottom:5px;
	}
	
nav#side_menu aside#side_banner02 img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
nav#side_menu aside#side_banner02 img:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
	
/*************************コンテンツ*************************/
#main_content{
	width:768px;
	margin:16px 0 20px 0;
	float:right;
	}	
	
	
/*************************フッター*************************/
footer{
	clear:both;
	width:100%;
    background:#E6EDF5;
	}
	
footer #footer_list{
	width:980px;
	margin:20px auto;
	color:#003282;
	}
	
footer #footer_img{
	clear:both;
	width:980px;
	height:60px;
	margin:0 auto;
	background:url(../../img/footer_bg.png) no-repeat bottom;
	}
	
footer #footer_bottom{
	width:100%;
	height:30px;
	background:#1A59A5;
	clear:both;
	}

footer #cm{
	width:980px;
	height:30px;
	margin:0 auto;
	color:#FFF;
	font-size:10px;
	line-height:30px;
	text-align:right;
	}
	
#page_top{
	width:100%;
	background:#FFF;
	}

#page_top_in{
	width:80px;
	height:50px;
	margin:14px auto 0;
	background:#FFF;
	}

footer ul.wrap_l{
	width:204px;
	margin:0 22px 0 2px;
	}
	
footer ul.wrap{
	width:162px;
	margin:0 22px 0 2px;
	}
	
footer ul.wrap_l li.title,footer ul.wrap li.title,footer ul.wrap_r li.title{
	color:#003282;
	}

footer ul.wrap_r{
	width:380px;
	margin:0;
	}
		
footer ul.wrap_l li,footer ul.wrap li,footer ul.wrap_r li{
	font-size:16px;
	margin:0 0 10px 0;
	}
	
footer ul.f_link{
	
	}
	
footer ul.f_link li{
	font-size:85%;
	margin:0;
	background:url(../../img/footer_list_mark.png) center left no-repeat;
	padding-left:16px;
	padding-top:2px;
	}

footer li a,footer li a:link{
	color:#003282;
	}
	
footer li a:hover{
	color:#158EFF;
	text-decoration:underline;
	}

#page_top img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#page_top img:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}	

/*************************工事中*************************/
#ComingSoon{
	text-align:center;
	font-size:130%;
	margin-top:150px;
	}
	
/*************************メッセージ*************************/
.message{
	width:100%;
	padding:1em 1.5em;
	margin:0 0 6px 0;
	box-sizing:border-box;
	font-size:18px;
	line-height:130%;
	font-weight:bold;
	}
	

.message p{
	font-size:14px;
	}

.L_blueBox{
	background:#e5ecf5;
	}
	
.L_yellowBox{
	background:#FFC;
	}
	
.D_blueBox{
	background:#fff;
	border:#00469B 1px solid;
	box-sizing:border-box;
	}
	
.D_blue{
	color:#142864;
	}
	
.D_redBox{
	background:#fff;
	border:#C00 2px solid;
	box-sizing:border-box;
	}
	
.D_red{
	color:#C00;
	}

.serif{
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	}
	
.message a:link,.message a:visited{
	display:block;
	width: 100%;
  	height: 100%;
	color:#142864;
	text-decoration:none;
	font-weight:inherit;
	}
	
.message a:hover{
	color:#06C !important;
	text-decoration:underline;
	}
	
.message a:hover .D_blue{
	color:#06C;
	}


/*************************商品特徴*************************/
table.tokutyou{
	width:100%;
	border:2px solid #00469B;
	box-sizing:border-box;
	border-collapse:collapse;
	margin:10px 0;
	}
	
table.tokutyou th{
	width:8em;
	background:#00469B;
	text-align:center;
	padding:1em;
	border:2px solid #00469B;
	box-sizing:border-box;
	color:#ffffff;
	vertical-align:middle;
	}
	
table.tokutyou td{
	text-align:left;
	padding:1em;
	border:2px solid #00469B;
	box-sizing:border-box;
	}