@charset "UTF-8";

/*GLOBAL********************/
html {
	overflow-y: scroll;
}

body {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 2em;
	word-break: break-all;
/* 	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
	font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	background-image: url(../common_img/bg.png);
	background-repeat: repeat-x;
	background-position: top;
}
/* class */
.clear { clear:both; }

.fLeft { float:left; }
.fRight { float:right; }

#wrapper #contents {
	float: left;
	width: 680px;
}

#wrapper #contentsColumn {
	float: left;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
}

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
	list-style-position: inside;
}
#wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

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

h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
}

/* ▼LINK▼ */
a {
	color: #555555;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #2F8BB2;
	text-decoration: underline;
}
p {
	line-height: 2em;
	padding-bottom: 10px;
}

/* ▼IMG▼ */
img {
	border: 0;
}

a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.60;
}


/*HEADER********************/
#header {
	height: 184px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#header .h_navi {
	position: absolute;
	left: 395px;
	top: 60px;
}
#header .h_navi .clearfix li {
	float: left;
}

#header .h_navi ul li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
	margin: 0px;
	padding: 0px;
}

#header .h_navi ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#header h1 {
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 34px;
	line-height: normal;
}

/*NAVI********************/
#gnavi .clearfix li {
	float: left;
}

#gnavi li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#gnavi ul li img,
#gnavi ul li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
	margin: 0px;
	padding: 0px;
}


#side ul .s_sikatsu,
#side ul .s_tokucho,
#side ul .s_net,
#side ul .s_reason {
	position: relative;
}

#side ul .s_sikatsu a,
#side ul .s_tokucho a,
#side ul .s_net a,
#side ul .s_reason a {
	text-decoration: none;
}
#side ul .s_sikatsu span {
	color: #333;
	position: absolute;
	left: 12px;
	top: 97px;
	width: 241px;
	height: 52px;
	line-height: 1.5em;
}
#side ul .s_tokucho span {
	color: #333;
	position: absolute;
	left: 13px;
	top: 97px;
	width: 258px;
	height: 50px;
	line-height: 1.5em;
}
#side ul .s_net span {
	color: #333;
	position: absolute;
	left: 13px;
	top: 98px;
	line-height: 1.5em;
	width: 258px;
	height: 53px;
}
#side ul .s_reason span {
	color: #333;
	position: absolute;
	left: 12px;
	top: 98px;
	line-height: 1.5em;
	width: 253px;
	height: 58px;
}

/*CONTENT********************/
#wrapper #side {
	width: 279px;
	float: right;
	padding-bottom: 20px;
	margin-bottom: 15px;
}
/*FOOTER********************/

#bg_footer{
	width: 100%;
	background-repeat: repeat;
	padding-top: 35px;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0D253B;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*COMMON********************/
.clear { clear:both; }

.text-center
{
	text-align: center;
}

.fleft { float:left; }
.fright { float:right; }

.block { display:block!important; }
.inline { display:inline!important; }
.nodisp { display:none!important; }

.w360 { width: 360px; }
.w368 { width: 368px; }
.w370 { width: 370px; }
.w376 { width: 376px; }
.w378 { width: 378px; }
.w386 { width: 386px; }

.mb70 { margin-bottom:70px!important; }
.mb60 { margin-bottom:60px!important; }
.mb50 { margin-bottom:50px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }
.mb0 { margin-bottom:0!important; }

.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr28 { margin-left:28px!important; margin-right:28px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr22 { margin-left:22px!important; margin-right:22px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr12 { margin-left:12px!important; margin-right:12px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr8 { margin-left:8px!important; margin-right:8px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mlr3 { margin-left:3px!important; margin-right:3px!important; }
.mlr2 { margin-left:2px!important; margin-right:2px!important; }
.mlr_auto { margin-left:auto!important; margin-right:auto!important; }

.mr40 { margin-right:40px!important; }
.mr30 { margin-right:30px!important; }
.mr25 { margin-right:25px!important; }
.mr20 { margin-right:20px!important; }
.mr15 { margin-right:15px!important; }
.mr10 { margin-right:10px!important; }
.mr5 { margin-right:5px!important; }
.mr0 { margin-right:0px!important; }

.ml100 { margin-left:100px!important; }
.ml30 { margin-left:30px!important; }
.ml18 { margin-left:18px!important; }
.ml15 { margin-left:15px!important; }
.ml5 { margin-left:5px!important; }
.ml3 { margin-left:3px!important; }
.ml-5 { margin-left:-5px!important; }

.mt45 { margin-top:45px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt8 { margin-top:8px!important; }
.mt5 { margin-top:5px!important; }
.mt3 { margin-top:3px!important; }

.m5 { margin:5px!important; }
.mtn24{margin-top:-24px!important;}
.mtn8{margin-top:-8px!important;}
.p5 { padding:5px!important; }
.p0 { padding:0!important; }

.pb140 { padding-bottom:140px!important; }
.pb45 { padding-bottom:45px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }

.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }

.pr5 { padding-right:5px!important; }
.pr7 { padding-right:7px!important; }
.pr8 { padding-right:8px!important; }
.pr9 { padding-right:9px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr22 { padding-right:22px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40!important; }


.p20 { padding:20px!important; }
.p15 { padding:15px!important; }
.p10 { padding:10px!important; }

.pt2 { padding-top:2px!important; }

.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }

.plr10 { padding-left:10px!important; padding-right:10px!important; }
.plr15 { padding-left:15px!important; padding-right:15px!important; }
.plr25 { padding-left:25px!important; padding-right:25px!important; }


/* contents table */
#contents .listTable {
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	line-height: 2em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
#contents .listTable th {
	text-align:left;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-top-style: none;
	border-right-style: none;
	background-color: #F5F5F5;
	background-image: url(../common_img/ar3.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-position: 8px 12px;
	border-left-width: 1px;
	border-left-color: #999;
}
#contents .listTable td {
	vertical-align:top;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-top-style: none;
	border-right-style: none;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-color: #999;
}

/*CONTENT********************/

#footer_navi ul li {
	margin-bottom: 5px;
	line-height: normal;
}
#footer #footer_navi ul li a,
#footer #footer_navi ul li a:link {
	text-decoration: none;
	color: #333333;
}
#footer #footer_navi ul li a:hover {
	text-decoration: none;
	color: #0066CC;
}
#wrapper #title {
	width: 680px;
	font-weight: bold;
	text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.5);
	color: #0A004A;
	line-height: normal;
	font-size: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}

/*パン屑リスト*/
/* --- リストエリア --- */
ol.topicPath {
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

#contents blockquote {
	padding-right: 20px;
	padding-left: 20px;
}
.frame {
	display: inline-block;
	position: relative;
}
.frame:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .7); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}

.font11 {
	font-size: 11px;
	line-height: 2em;
	padding: 0px;
}
.font14 {
	font-size: 14px;
	line-height: 2em;
}
.font16 {
	font-size: 16px;
	line-height: 2em;
	font-weight: bold;
	color: #0A004A;
}
/* --- ページトップ --- */
.pagetop {
	background-image: url(../common_img/up.png);
	background-repeat: no-repeat;
	background-position: right 5px;
	text-align: right;
	padding-right: 20px;
}
.pagetop a,
.pagetop a:link {
	color: #444444;
	text-decoration: none;
}
.pagetop a:hover {
	color: #0098B4;
	text-decoration: none;
}
/* --- フッター --- */
#footer .f_logo {
	float: left;
}
/* --- サイド --- */
#side ul .s_tenpo .txt02 a,
#side ul .s_tenpo .txt02 a:link {
	color: #000;
	text-decoration: none;
}
#side ul .s_tenpo .txt02 a:hover {
	color: #AF2828;
	text-decoration: none;
}
/* --- フッターバナー --- */
#footer_banner {
	margin-top: 30px;
	color: #FFF;
	position: relative;
	height: 150px;
	width: 680px;
}

#banner_navi .clearfix li {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#banner_navi  ul li img,
#banner_navi  ul li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
	margin: 0px;
	padding: 0px;
}
#footer_banner #banner_navi p {
	position: absolute;
	left: 380px;
	top: 21px;
}

#footer_banner #banner_navi .clearfix {
	position: absolute;
	left: 211px;
	top: 90px;
}
h3 {
	font-size: 16px;
	margin-bottom: 15px;
}
#side ul .side_mekyo {
	margin-bottom: 15px;
	position: relative;
}
#side ul .side_mekyo ul .form01 {
	position: absolute;
	left: 38px;
	top: 91px;
}
#side ul .side_mekyo ul .form02 {
	position: absolute;
	left: 38px;
	top: 156px;
}
#side ul .side_mekyo ul .form03 {
	position: absolute;
	left: 39px;
	top: 221px;
}
#side ul .side_mekyo ul .s_kaisya {
	position: absolute;
	left: 14px;
	top: 44px;
}
#side ul .side_mekyo ul .s_kankyo {
	position: absolute;
	left: 144px;
	top: 44px;
}
#side ul li .support {
	background-image: url(../common_img/support.png);
	width: 140px;
	height: 138px;
	padding-top: 12px;
	background-repeat: no-repeat;
	padding-left: 140px;
}
#side ul li .support li a,
#side ul li .support li a:link {
	background-image: url(../common_img/ar.png);
	background-repeat: no-repeat;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 3px;
	background-position: 0px 3px;
	line-height: 1.6em;
	text-decoration: none;
	list-style-position: inside;
}
#side ul li .support li {
	line-height: 1.5em;
}
#footer_navi ul {
	float: left;
	width: 153px;
	margin-right: 10px;
}
#footer_navi ul li a {
	color: #13186A;
}
#footer_navi ul .f_navi_s {
	font-size: 10px;
	line-height: 12px;
}
#footer #footer_navi .f_navi_l {
	line-height: 2em;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	color: #08253B;
}
#footer_navi ul .f_navi_a {
	background-image: url(../common_img/f_img_a.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 11px;
}
#footer_navi ul .f_navi_b {
	background-image: url(../common_img/f_img_b.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 11px;
}
#footer_navi ul .f_navi_c {
	background-image: url(../common_img/f_img_c.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 11px;
}
.f_logo {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	position: relative;
}
#ai {
	position: absolute;
	left: 831px;
	top: 19px;
	font-size: 10px;
}
#ai a,
#ai a:link {
	text-decoration: none;
}
#ai a:hover {
	text-decoration: underline;
}.f_logo p {
	color: #666;
}
#side .seihin {
	border: 1px solid #666;
	margin-bottom: 15px;
}
#side .seihin li a {
	padding-left: 20px;
	background-image: url(../common_img/ar2.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	background-color: #F2F2F2;
}
#side .seihin .seihin_t a,
#side .seihin .seihin_t a:link,
#side .seihin .seihin_t2 a,
#side .seihin .seihin_t2 a:link,
#side .seihin .seihin_t3 a,
#side .seihin .seihin_t3 a:link {
	font-size: 14px;
	font-weight: bold;
	background-repeat: no-repeat;
	border-top-style: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-position: 0px -2px;
	color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#side .seihin .seihin_t a,
#side .seihin .seihin_t a:link {
	background-image: url(../common_img/seihin_t.png);
}
#side .seihin .seihin_t2 a,
#side .seihin .seihin_t2 a:link {
	background-image: url(../common_img/seihin_t2.png);
}
#side .seihin .seihin_t3 a,
#side .seihin .seihin_t3 a:link {
	background-image: url(../common_img/seihin_t3.png);
}
#side .seihin .seihin_t a:hover,
#side .seihin .seihin_t2 a:hover,
#side .seihin .seihin_t3 a:hover {
	color: #F30;
}
#side .seihin .seihin_m a {
	background-image: none;
	background-color: #FCFCFC;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.red {
	color: #F00;
}
#contents .product_list .photo1 {
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
	position: relative;
}
#header #gnavi {
	background-color: #FFF;
}