@charset "utf-8";

/*===============================================================================
　プラチナ光（テレ・マーカー）  COMMON 全体設定
===============================================================================*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html {	
	overflow-y: scroll;
	background: #222A43;
}

html.news{	
	overflow-y: scroll;
	background: #eee;
}
body{
	padding: 0;
	margin: 0;
	font-size:14px;
	line-height: 22px;
	color: #333333;
	}

#wallpaper{background: #eee;}
#wallpaper_w{background: #fff;}

/* 太字 */
span.bold{font-weight: bold;}
.bold{
    font-weight: bold;
}
.u {
	text-decoration: underline;
}

/* リンクカラー */
a{
	color: #222A43;/*ブルー*/
	text-decoration: none;
	outline:none;
	}
a:hover {
	color: #e25573;/*ピンク*/
	text-decoration: none;
	}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

/* 赤字 */
span.red{color: #ff3300;}

/* --ヘッダー----------------------------------------------------------------- */

#header{
	width: 100%;
	margin:0 auto;
	padding: 0;
	overflow:hidden;
	background:#fff;
    padding:10px 0;
	
	border-bottom:1px solid #ccc;
	}
#cash_clear {
		width: 1000px;
  margin:0 auto 10px auto;
  font-size: 12px;
  color: #f00;
	border: 1px solid #f00;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	background: #fde9e8;
}
#header .header_area{
	width: 1000px;
	margin:0 auto;
	padding: 0;
	overflow:hidden;
	}
	

#header .header_area .logo_area{float:left;padding-top: 10px;}
#header .header_area .logo_area img{width:250px;}
#header .header_area .otoiawase{float:right;}	
#header .header_area .otoiawase img{width:600px;}


/* --ヘッダーサブ----------------------------------------------------------------- */

#header_sub{
	width: 980px;
	height:251px;
	margin:0 auto;
	padding: 0;
	overflow:hidden;
	color:#fff;
	background:url(../img/common/main_bg.jpg) no-repeat top left;
	}
	
#main_img{
	clear:both;
	widows:980px;
	height:110px;
	overflow:hidden;
	margin:0 auto;
	margin-top:0;
	z-index:0;
	position:relative;
	}

	
	
/* --メニュー----------------------------------------------------------------- */

#gnavi{
	clear:both;
	width:100%;
	margin:0 auto;
	height:70px;
	overflow:hidden;
    background:url(../img/common/g_navi_bg.png) repeat-x top left;
    background-size:70px;
	padding:0;
	
	border-bottom:1px solid #ccc;
	}	
#gnavi ul{
    width:1000px;
    margin:0 auto;
}	
#gnavi li{
	float:left;
	}
	
#gnavi li a{
	height:70px;
	display:block;
	outline:none;
  	margin: 0;
	background: url(../img/common/g_navi.png) no-repeat; 
    background-size:1000px;
	text-indent: -9999px;
	} 
	
#gnavi li.gnavi01{width:126px;}
#gnavi li.gnavi02{width:127px;}
#gnavi li.gnavi03{width:116px;}
#gnavi li.gnavi04{width:143px;}
#gnavi li.gnavi05{width:113px;}
#gnavi li.gnavi06{width:150px;}
#gnavi li.gnavi07{width:125px;}
#gnavi li.gnavi08{width:100px;}

#gnavi li.gnavi01 a{background-position: 0 0;}
#gnavi li.gnavi02 a{background-position: -126px 0;}
#gnavi li.gnavi03 a{background-position: -253px 0;}
#gnavi li.gnavi04 a{background-position: -369px 0;}
#gnavi li.gnavi05 a{background-position: -512px 0;}
#gnavi li.gnavi06 a{background-position: -625px 0;}
#gnavi li.gnavi07 a{background-position: -775px 0;}
#gnavi li.gnavi08 a{background-position: -900px 0;}

#gnavi li.gnavi01 a.hit,#gnavi li.gnavi01 a:hover{background-position: 0 -70px;}
#gnavi li.gnavi02 a.hit,#gnavi li.gnavi02 a:hover{background-position: -126px -70px;}
#gnavi li.gnavi03 a.hit,#gnavi li.gnavi03 a:hover{background-position: -253px -70px;}
#gnavi li.gnavi04 a.hit,#gnavi li.gnavi04 a:hover{background-position: -369px -70px;}
#gnavi li.gnavi05 a.hit,#gnavi li.gnavi05 a:hover{background-position: -512px -70px;}
#gnavi li.gnavi06 a.hit,#gnavi li.gnavi06 a:hover{background-position: -625px -70px;}
#gnavi li.gnavi07 a.hit,#gnavi li.gnavi07 a:hover{background-position: -775px -70px;}
#gnavi li.gnavi08 a.hit,#gnavi li.gnavi08 a:hover{background-position: -900px -70px;}

/* --サブメイン画像----------------------------------------------------------------- */
#sub_main_area{
    clear:both;
	width:100%;
	margin:0 auto;
	height:100px;
	overflow:hidden;
    background:url(../img/common/blue_bg.jpg) repeat top center;
	padding:0;}

#sub_main_area .sub_main_img{
	clear:both;
	width:1000px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
	}
#sub_main_area .sub_main_img img{
    height: 30px;
    padding-top: 35px;
    padding-left: 40px;
}
#sub_main_area .sub_main_img.customer_voice_ttl img {
    height: 70px;
    padding-top: 30px;
    padding-left: 40px;
}
#sub_main_area .sub_main_img.price_list2_ttl img{
    height: 65px;
    padding-top: 35px;
    padding-left: 40px;
}
#sub_main_area .sub_main_img.pap_ttl img{
    height: 68px;
    padding-top: 35px;
    padding-left: 40px;
}

/* --コンテンツ----------------------------------------------------------------- */
#contents {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
    padding: 0;
}

/*タイトル*/
#contents h2.title{
	clear:both;
	color:#fff;
	background:#222A43;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	padding:10px 10px 10px 20px;
	font-size:16px;
	line-height:28px;
	margin-bottom:10px;
	}
	
#contents h3.title{
	clear:both;
	color:#222A43;
	border-bottom:1px dotted #222A43;
	background: url(../img/common/blue_icon.png) no-repeat 10px center;
	padding:10px 10px 10px 30px;
	font-size:16px;
	line-height:28px;
	margin-bottom:10px;
	margin-top:20px;
	}
	
#contents h4.title{
	clear:both;
	color:#222A43;
	background: url(../img/common/circle_icon.png) no-repeat 10px center;
	padding:10px 10px 10px 30px;
	font-size:16px;
	line-height:28px;
	margin-top:20px;
	}
	
#contents h5.title{
	clear:both;
	color:#222A43;
	padding:5px 10px 5px 10px;
	font-size:16px;
	line-height:28px;
	margin:0 0 10px 0;
	border-bottom:1px solid #222A43;
	}
	
#contents h6.title{
	clear:both;
	color:#222A43;
	padding:5px 0px;
	font-size:16px;
	line-height:28px;
	margin-top:20px;
	}	

/*パンくず*/
#pankuzu{
    width:1000px;
	margin:20px auto 0 auto;
	padding: 0 0 0 5px;
	font-size:12px;
	line-height:16px
	}
	
#pankuzu a.home {
	text-decoration: underline;
	background: url(../img/common/blue_icon.png) no-repeat 2px 2px; 
	padding-left:20px;
	}
	
#pankuzu a {
	color:#222A43;
	text-decoration: underline;
	}
	
#pankuzu a:hover{
	color:#e25573;}

/* --フッターメニュー----------------------------------------------------------------- */
#footer_menu{
	clear: both;
	width:100%;
	height:38px;
	margin:0 auto;	
	background:#ccc;
	border-top:1px solid #fff;
	border-bottom:1px solid #000;	
}

#footer_menu_container{
	width: 980px;
	margin:0 auto;
	overflow:auto;
}



#footer_menu_area{
	float:left;
	color:#666;
}

#footer_menu_area li{
	float:left;
	line-height:38px;
	padding:0 5px;
	}
		

#footer_menu li a{
	color:#333;
	}

#footer_menu li a:hover{
	color:#222A43;
	text-decoration:underline;
	}

/* ページトップ開始*/
#p-top{
	float:right;
	width:45px;
	margin:0;
	padding:0;
}

#p-top a{
	text-decoration: none;
 	display: block;
 	width:45px;
 	height:38px;
}
#p-top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}

/* --フッター----------------------------------------------------------------- */

#footer{
	width: 100%;
    background:#222A43;
	border-top:1px solid #fff;
	margin: 0 auto;
	padding:20px 0;
	clear: both;
	overflow:hidden;
	}
	
#footer_container{
	width:980px;
	clear:both;
	margin:0 auto 10px auto;
	position: relative;
	overflow: hidden;
	text-align:center;
	}
#footer_container ul.f_info{
	margin:0 auto 20px auto;
	float:left;
	left:50%;
	position:relative;
	}
#footer_container .f_logo{
	float: left;
	left: -50%; 
	position: relative;
	}
#footer_container .copy {	
	float: left;
	left: -50%; 
	color: #fff;
	position: relative;
	line-height:45px;
	padding-left:10px;
	}


#spLinkBlockInPc{
	clear:both;	
	width:150px;
	overflow:auto;
	margin:0 auto 20px auto;
	display:none;
}

#spLinkBlockInPc a{
	display:block;
	border:1px solid #fff;
	padding:5px;
	color:#fff;}
	
#spLinkBlockInPc a:hover,#spLinkBlockInPc a:visited{
	border:1px solid #fff;
	padding:5px;
	color:#fff;
	}