@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2012.10.23
最終更新日: 2013.02.18
作成者: NT
最終編集者: SN

common.css： 共通設定
---------------------------------------------------- */
* { 
	margin:0;
	padding:0;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height: 150%;
	color: #0d1e34;
	word-wrap: break-word;
	background: #8cdeff;
	-webkit-text-size-adjust: none;
}
h1 { font-weight:bold;}
#contentsWrap h2 {
	margin-top: 1.5em;
	padding: 12px 0;
	font-size: 157.1%;
}
#contentsWrap h3 { margin-top: 1.5em; font-size: 128.6%; font-weight: bold;}
#contentsWrap h4 { margin-top: 1.5em;}
#contentsWrap h4 span.h4icon { padding-right: 1px; color: #00b6ff; font-size: 114.3%;}
#contentsWrap p, #contentsWrap dl, #contentsWrap table { margin-top: 1.0em; }
/* 装飾 */
address, small { margin:0 auto; padding:0; text-decoration:normal; }
strong { text-decoration:none; color:#cd0010; font-weight: bold; }
.red { color:#f50c54; }
.right {text-align: right;}
.center {text-align: center;}
#contentsWrap .mt0 { margin-top: 0;}
#contentsWrap .mr0 { margin-right: 0;}
#contentsWrap .mb0 { margin-bottom: 0;}
#contentsWrap .ml0 { margin-left: 0;}
#contentsWrap .pt0 { padding-top: 0;}
#contentsWrap .pr0 { padding-right: 0;}
#contentsWrap .pb0 { padding-bottom: 0;}
#contentsWrap .pl0 { padding-left: 0;}
#contentsWrap .stripe { background: #f9fbfc;}
#contentsWrap .lspc1 { letter-spacing: -0.04em;}
ul.disc { padding-left: 1.75em; list-style: disc;}
ol.decimal { padding-left: 1.75em; list-style: decimal;}
#contentsWrap ul, #contentsWrap ul.disc, #contentsWrap ol.decimal, #contentsWrap ul.attention, #contentsWrap ul.attentionMark { padding-top: 0.500em;}
#contentsWrap ul li,#contentsWrap  ul.disc li, #contentsWrap ol.decimal li, #contentsWrap .attention li, #contentsWrap ul.attentionMark li { margin-top: 0.625em;}
p.attention, .attention li { /* 画像アイコンの注意リスト */
	padding-left: 1.125em;
	color:#f50c54;
	background: url(../image/icon/attention.png) no-repeat left 7px;
}
.attentionMark, .attentionMark-mini { /* 汎用※つき注意リスト */
	padding-left:1em;
	text-indent:-1em;
	color:#f50c54;
}
.attentionMark-mini { font-size: 75.0%;}
table { width: 100%;}
table th, table td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}
table td {
	border-top: solid 1px #dae2eb;
	border-bottom: solid 1px #dae2eb;
}
table th {
	color: #ffffff;
	font-weight: bold;
	border-left: solid 1px #dae2eb;
	background: #80a6b4;
}
table th:first-child { border-left: none;}
table tr.numOdd { background: #f5f8fa;}
table td.sub { width: 13%; font-weight: bold; text-align: center;}
table.horizontalA th, table.horizontalA td,
table.horizontalB th, table.horizontalB td { /* 水平B */
	padding: 5px;
	vertical-align: middle;
	text-align: center
}
table.horizontalA th,
table.horizontalB th {
	color: #ffffff;
	font-weight: bold;
	background: #00a8ff;
}
table.horizontalA th,
table.horizontalB th {
	border-top: solid 1px #dae2eb;
	border-bottom: solid 1px #dae2eb;
}
table.horizontalA th { background: #80a6b4;}
table.horizontalB th { background: #00a8ff;}
table.horizontalA th:first-child { border-top: solid 1px #80a6b4;}
table.horizontalB th:first-child { border-top: solid 1px #00a8ff;}
table.horizontalA th.thLstChild { border-bottom: solid 1px #80a6b4;}
table.horizontalB th.thLstChild { border-bottom: solid 1px #00a8ff;}
table.horizontalA td,
table.horizontalB td { border-bottom: solid 1px #dae2eb;}
table.horizontalB td { border-top: solid 1px #dae2eb;}

a:link, a:visited {
	color:#007cfa;
	text-decoration:underline;
	outline-width:0;
}
a:hover, a:active {
	color:#00b6ff;
	text-decoration:underline;
	outline-width:0;
}

/** Fullid image **/
/* Modern browzer */
img, iframe, object, embed, video {
	max-width : 100%; /* ie7 */
	_width: 100%; /* ie6 */
	width: auto\9; /* ie8 */
	height: auto;
}

/* ms imgを綺麗に */
img { border: 0; -ms-interpolation-mode: bicubic; }

/* clearfix */
.clearfix {zoom:1;}
.clearfix:after { content: ""; display: block; clear: both; }

/* img画像のスイッチャ― */
.change { visibility: hidden; }

/* フォーム */
input, textarea, select {
	font-size: 100%;
	padding: 3px 3px;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
}
input, textarea, select { border: 1px solid #cad0d8;}
.GNDR input, .CHRDB input { margin-right: 3px; position: relative; top: -2px; border: none;}
.GNDR label, .CHRDB label { margin-right: 10px;}
#contentsWrap .formset ul {
	padding-top: 0;
	background: #f9fbfc;
	border-top: 1px solid #cad0d8;
	border-left: 1px solid #cad0d8;
	border-right: 1px solid #cad0d8;
}
#contentsWrap .formset li {
	margin-top: 0;
	padding: 20px;
	border-bottom: 1px solid #cad0d8;
	word-wrap: break-word; /* 自動改行 for ie,chrome,Safari,firefox */
	word-break: break-all;
}
#contentsWrap .formset .formLabel { margin-top: 0; margin-bottom: 10px; font-weight: bold;}
#contentsWrap .formset .formLabel label { font-weight: bold;}
#contentsWrap .formset p, #contentsWrap .formset li ul li, #contentsWrap .formset li ol li { margin-top: 0.375em;}
#contentsWrap .formset .attentionMark, #contentsWrap .formset .attentionMark-mini { line-height: 150%;}
#contentsWrap .formset li ul, #contentsWrap .formset li ol { padding-top: 0; border: none;}
#contentsWrap .formset li ul li, #contentsWrap .formset li ol li { padding: 0; border: none;}
#contentsWrap .formset .select-name { padding: 0 10px 0 5px;}
#contentsWrap .formset .error { background: #feeeeb;}
#contentsWrap .formset .formLabel span { padding-right: 3px; font-size: 131.3%; font-weight: normal;}
#contentsWrap .formset span.must { color: #f50c54; font-weight: normal;}
#contentsWrap #form-section { position: relative;}
#contentsWrap #form-section ul { /zoom: 1;}
#contentsWrap #form-section .selection { float: left;}
#contentsWrap #form-section li:after { content: ""; display: block; clear: both;}
#contentsWrap .formset .formBtn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(50%,rgba(226,232,239,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(226,232,239,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%); /* IE10+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%,rgba(226,232,239,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20% ,rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%); /* W3C */
	-pie-background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%);
	behavior: url(/gw/js/PIE.php);
}
#contentsWrap .formset #leftBtn { margin-top:0;}
#contentsWrap .formset input[type="submit"] {
	color: #000000;
	padding: 6px 0;
	font-size: 112.5%;
	cursor: pointer;
	border: 1px solid #cad0d8;
	background: transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
	-webkit-box-shadow: inset 0 0 1px 2px #ffffff;
	-moz-box-shadow: inset 0 0 1px 2px #ffffff; /* Firefox用 */
	box-shadow: inset 0 0 1px 2px #ffffff;
	behavior: url(/gw/js/PIE.htc);
	position: relative;
}
/* アクティブ・非アクティブ */
#contentsWrap .formset .btnDisabled#singleBtn input[type="submit"],
#contentsWrap .formset .btnDisabled#singleBtnRS input[type="submit"],
#contentsWrap .formset .btnDisabled#rightBtn input[type="submit"] {
	color: #aab6c6;
	border: 1px solid #d4d8e0;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
#contentsWrap #form-section ul.formNotes { margin: -0.375em 0 0.375em; list-style-type: disc; background: transparent;}
#contentsWrap #form-section ul.formNotes li { margin-top: 0;}

/* 登録情報管理 */
.manage #contentsWrap #form-section .formWrap {
	margin-top: 1.250em;
	padding: 10px;
	background: #eefaff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
	position: relative;
}
.manage #contentsWrap #form-section .formWrap .formset { margin-top: 0; padding-bottom: 0;}
.manage #contentsWrap .formWrap .formset ul, #contentsWrap .formWrap .formset li { border-color: #aadef4;}
.manage #contentsWrap .formWrap .formset span { color: #00b6ff;}
.manage #contentsWrap .formWrap .simpleBtn1,
.manage #contentsWrap .formWrap .simpleBtn2,
.manage #contentsWrap .formWrap #singleBtn,
.manage #contentsWrap .formWrap #singleBtnL {
	margin: 0.625em auto 0;
}

/* ----------------------------------------------------
 サイト共用の指定 ：全体レイアウト
---------------------------------------------------- */
/* 共用部 */
#container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	/zoom: 1;
}
#container:after { content: ""; display: block; clear: both; }
#contentsWrap { /* 下層コンテンツ専用 */
	font-size: 87.5%;
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px 0 #2e96d8;
	-moz-box-shadow: 0 1px 3px 0 #2e96d8;
	box-shadow: 0 1px 3px 0 #2e96d8;
	behavior: url(/gw/js/PIE.htc);
}
#contentsWrap .snsLink { margin-top: 0; padding: 10px; /zoom: 1; }
#contentsWrap .snsLink:after { content: ""; display: block; clear: both;}
#contentsWrap .snsLink li { padding-right: 0.625em; float: left; vertical-align: text-bottom !important;}
/* ソーシャルボタンのカスタマイズ */
#contentsWrap .snsLink li .twitter-share-button { width: 94px !important;}
#contentsWrap .snsLink li #___plusone_0 { max-width:65px !important; }

/* --- 右のカラム --- */
/* 共用部 */
#linkArea h1 { text-indent: -9999px; font-size: 0; line-height: 0; }

/* 画像配置 */
#contentsWrap .thumbStyle { margin-top: 1.250em; _zoom: 1;}
#contentsWrap .thumbStyle:after { content: ""; display: block; clear: both;}
#contentsWrap .thumbL { float: left; margin-top: 0; margin-right: 26px; _display: inline;}
#contentsWrap .thumbR { float: right; margin-top: 0; margin-left: 26px; _display: inline;}
#contentsWrap .thumbTxt { zoom:1; overflow: hidden; margin-top: 0;}
#contentsWrap .thumbL dd, #contentsWrap .thumbR dd, #contentsWrap .thumbS dd, #contentsWrap .thumbStyle li { font-size: 75.0%;}
#contentsWrap ul.thumbStyle dl { margin-top: 0;}
#contentsWrap .thumbStyle li { float: left; margin-bottom: 10px;}
#contentsWrap .thumbStyle li.pairR { margin-left: 26px;}
#contentsWrap .row3 { width: 694px; margin-left: -8px;}
#contentsWrap .row3 img { margin: 0 8px 1.250em; float: left; vertical-align: bottom;}

/* 汎用ボックス・注意・エラーボックス */
.wideBox {
	margin-top: 1.250em;
	padding: 0 16px 16px;
	background: #f5f8fa;
	border: solid 1px #d6dee6;
}
#contentsWrap .noticeBox dt, #contentsWrap .errorBox dt {
	margin-top: 0;
}
.noticeBox {
	padding: 16px;
	background: #feeeeb;
	border: solid 1px #d6dee6;
}
.noticeBox dt {
	padding-left: 2.5em;
	background: url(../image/icon/notice.png) no-repeat left center;
	color: #f50c54;
	font-size: 114.3%;
	line-height: 200%;
}
.errorBox {
	padding: 16px;
	background: #f5f8fa;
	border: solid 1px #d6dee6;
}
.errorBox dt {
	color: #f50c54;
	font-size: 114.3%;
}
.cBox {
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px 0 #2e96d8;
	-moz-box-shadow: 0 1px 3px 0 #2e96d8;
	box-shadow: 0 1px 3px 0 #2e96d8;
	behavior: url(/gw/js/PIE.htc);
}
.bBox {
	padding: 20px 20px;
	background: #eefaff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
}