@charset "utf-8";


/*==============================================
	MENU
==============================================*/

/**
 * wp...............サイドバーの背景を差し替える場合（不要なら消す）
 * navi.............共通ナビゲーションの設定
 * p................文章の見た目の設定
 * h3...............h3の設定
 * h4...............h4の設定
 * lead.............leadの設定
 * bpimage..........画像周りの設定
 * submenu..........右カラムの設定
 * footerBtn........フッター各回ページ遷移
 * pagination.......ページ移動の設定
 * spcontact........お問い合わせ欄の設定
 * splink...........関連リンク欄の設定
 */


/*==============================================
	body setting
==============================================*/


body{
	font-family: 'Hiragino Kaku Gothic Pro', MyYuGothicM, YuGothic, 'Yu Gothic', "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight: normal;
	color: #000;
}

/*==============================================
	common setting
==============================================*/
#area {border:none}

.clear{clear:both;display: block;margin-bottom:80px;}

#contents p a:link,#contents p a:visited{ font-weight:bold;text-decoration:underline; color:#000; }
#contents p a:hover{ font-weight:bold;text-decoration:underline; color:#999999; }

/*==============================================
	contents setting
==============================================*/

#contents{
	top: -10px!important;
	font-size: 1.7em;
	line-height: 2;
	letter-spacing: 0.09em;
	font-feature-settings : "palt";
}
/* ------------------------------ *
	1pane,2pane
 * ------------------------------ */
body.doublePane #wp{
		background:#fff;
}
body.doublePane #contents{
	float: none;
	width:100%;
	margin:0 auto;
}
body.doublePane #contents .wrapper{
	width:880px;
	margin: 0 auto;
	padding:0;
}

/*==============================================
	p setting
==============================================*/

#contents p {
	margin: 20px 0;
	font-size: 1em;
}
#contents p span {
	color:#fff;
	font-weight:bold;
	padding:0px 10px;
	margin-right:10px;
	display:inline-block;
}

/*==============================================
	h3 setting
==============================================*/

#contents h3 {
	padding: 40px 0;
    font-size: 1.4em;
    line-height: 1.3;
    color: #0068b7;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

/*==============================================
	lead setting
==============================================*/

#contents .bplead {
	margin-top: 40px;	
    font-size: 1.05em;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.75;
    background-color: #599dd0;
    padding: 24px;
}

/*==============================================
	footerBtn setting
==============================================*/

/* ------------------------------ *
	関連リンク
 * ------------------------------ */
#contents .splink{ width:70%; margin:0 auto 1.8em; }
#contents .splink .spttl{ background:#00a3d9;font-size:1em; }
#contents .splink ul{ padding:1em; }
#contents .splink ul li{ position: relative;font-size:1em;background: none; }
#contents .splink ul li::before{ content: "";display: inline-block;border: 6px solid transparent;border-left-color: #00a3d9;position: absolute;left: 0;top: 50%;margin-top: -7px; }
#contents .splink ul li a,#contents .splink ul li a:visited{color: #000;text-decoration: underline;}
#contents .splink ul li a:hover{color: #999;}

/* ------------------------------ *
	問い合わせ先
 * ------------------------------ */
#contents .spcontact{ width:70%; margin:50px auto 30px; }
#contents .spcontact .spttl{ background:#00a3d9;font-size:1em; }
#contents .spcontact ul{ padding: 1em; }
#contents .spcontact ul li{ margin:0 0 0.6em; padding:0; border-bottom:1px dashed #8a24b2; display:block; overflow:hidden; }
#contents .spcontact ul li h5{ font-size:1em; }
#contents .spcontact ul li p{ font-size:1em; word-wrap: break-word; }

#contents .spcontact ul li p {
    font-size: .95em;
    line-height: 1.6;
}

/* ------------------------------ *
	footer
 * ------------------------------ */

#footer {border-bottom: 10px solid #fff;}

/*==============================================
	banner
==============================================*/

/* ------------------------------ *
	未ログイン時　ページナビ
 * ------------------------------ */
#contents .nextPagePreview.disable span {
	margin:0;
	padding:0.3em 0.5em;
	font-size:0.8em;
	font-weight:bold; line-height:2em;
	background-color: #999;
	border-color: #999;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	vertical-align:top;
}
#contents .nextPagePreview.disable p {
	margin: 0 !important;
	padding:0.3em 0.5em;
	font-size:0.8em !important;
	font-weight:bold;
	line-height:2em;
	border:1px solid #999;
	text-align:center;
	display:inline-block;
	color: #999;
}

#naviBottom.disable .pageNumber{ margin:0 0 1em; text-align:center; }
#naviBottom.disable .pageNumber span{ margin:0px 0.1em; padding:0.3em 0.5em; font-size:0.8em; font-weight:bold; line-height:2em; border:1px solid #999; text-align:center; display:inline-block; color:#999; }
#naviBottom.disable .pageNumber span.prev, #naviBottom .pageNumber a.next{ width:7em; }
#naviBottom.disable .pageNumber span.now{ background:#999; color:#ffffff; }

/* ------------------------------ *
	画像
 * ------------------------------ */

#contents .bpimage_left{ margin: 10px 40px 10px 10px; }
/*
#contents .bpbox_right{ margin: 10px 0 50px 30px; }
#contents .bpbox_left{ margin: 10px 30px 30px 0; }
#contents .bpbox_center{ margin: 50px 0; }
.bpbox_center + .bpbox_center{ margin: -40px 50px 50px !important; }
*/
/* ------------------------------ *
	画像のキャプション
 * ------------------------------ */

#contents .bpimage_title {
    padding: 10px 0 5px;
    text-align: left;
    font-weight: bold;
    font-size: .9em;
}

#contents .bpimage_caption_right {
    margin: 0 auto 20px;
    text-align: center;
    /*zoom: 1;*/
}

div.imageSeparate{
	clear:both;
	margin-top:50px;
	overflow: hidden;
}

div.imageSeparate .bpimage_title{
	clear: none !important;
}

div.imageSeparate img{
	float: left;
	margin-right: 8px;
}

div.secondCaption {
	border-top: dotted 1px #666;
	margin-top:6px;
	padding-top:6px !important;
}

#contents .bpimage_caption {
	/* margin: 0 0 0 170px;*/
    /* padding: 20px; */
    padding: 15px 10 0;
    text-align: left;
    line-height: 1.4;
    font-size: 15px;
    color: #5c5c5c;
    border-top: none;
}

#contents .bpimage_caption span.detail {
    padding: 15px 10 0;
    text-align: left;
    line-height: 1.4;
    font-size: 14px;
}

#contents .bpbox4, .bpframe {
    margin: 1em auto;
    width: 67%;
    border: none;
    background-color: #d2dfe8;
    text-align: center;
    overflow: hidden;
    padding: 10px;
}

#contents .bpframe .bpbox_text {
    margin: 0;
    font-size: .9em;
    line-height: 1.9;
}

#contents .bpbox4 .bpbox_text, .bpframe .bpbox_text {
    background-color: #d2dfe8;
}

/* ------------------------------ *
	SMT
 * ------------------------------ */
.smart header .text {
    display: none;
}

.smart #contents .bplead{
 	margin-top: 10px;
 	margin-bottom:0;
 	font-size: 0.9em;
 	letter-spacing: 0.09em;
    font-size: 1.05em;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.5;
	padding: 1em;
}

.smart #contents .bpframe .bpbox_text {
    background: #d2dfe8;;
}

.smart #contents h3 {
    padding: 10px;
    font-size: 1.2em;
}

.smart #contents p {
    font-size: 1em;
    line-height: 1.7em;
}

.smart #contents .bpbox4, .bpframe {
    background-color: #d2dfe8;
    text-align: center;
    overflow: hidden;
    padding: 10px;
}

.smart #contents .bpbox4, .bpframe {
    margin: 0 !important;
    width: 95% !important;
    border: none !important;
    background-color: #d2dfe8 !important;
    text-align: center !important;
}

.smart #contents .spcontact .spttl {
    margin-top: 20px;
}

.smart #contents .bpframe .bpbox_text {
    font-size: .95em;
}

.smart #contents .spcontact ul li p {
    font-size: .9em;
    line-height: 1.4;
}

/* ------------------------------ *
	SMT コラム
 * ------------------------------ */

/*.smart #contents .bpbox4, .bpframe {
    margin: 0;
    width: 95%;
    border: none;
    background-color: #d2dfe8;
}
*/
/*	.smart h1.text { display: none; }

 .smart #contents h3 {
 	font-size:1.1em;
 	line-height:1.5;
 	padding:0.5em 1em;
 	margin:2em 0 1em;
 }

 .smart #contents p {
 	line-height:1.6;
 }
 .smart #submenu{ margin-bottom: 0; }
 .smart a img{ max-width:100%; border:none; }
 .smart #bnrArea{ margin: 0 auto 1.6em ; }
 .smart #naviBottom .pageNumber{ margin: 0 auto 1em; }
*/
/* ------------------------------ *
	画像の枠
 * ------------------------------ */
/*
body.smart #contents .bpbox_right{ margin: 10px 0 30px 30px; }
body.smart #contents .bpbox_center{ margin: 20px 0; }
body.smart .bpbox_center + .bpbox_center{ margin: -20px 0 0 !important; }

body.smart #contents .bpimage_left,
body.smart #contents .bpimage_center,
body.smart #contents .bpimage_right { 
	width: 100% !important;
	display:block;
}

body.smart #contents .bpimage_left img,
body.smart #contents .bpimage_center img,
body.smart #contents .bpimage_right img { 
	width: 100% !important;
}
*/