﻿@charset "utf-8";

/***基本設定***/

/* フォントサイズ指定 
h1 {margin:10px 0px;} 
h2 {font-size:1em; font-weight:bold;} 
h3 {font-size:1em; font-weight:bold;} 
h4 {font-size:1em; font-weight:bold;} 
div,span,p,td,th,li,dt,dd {font-size:small;} */
select,textarea,input{font-size:12px;}
.cap {font-size:0.85em;line-height:120%;} 


/* フォントの指定 */
h2,h3,h4,p,.cap {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


/* 色の指定 */
.red{color:#FF0033;}
.sky{color:#4EA4EC;}

/* リンク色 */
a:link {color:#0066CC;text-decoration:underline;}
a:visited {color:#0066CC;text-decoration:underline;}
a:hover {color:#FF6600;text-decoration:underline;}
a:active {color:#FF6600;text-decoration:underline;}

/*回り込み*/
.right{float:right;}
.left{float:left;}

/* 回り込み解除 */
.clear{clear:both;}

/*エラーメッセージ*/
p.err_msg{
	padding:5px;
	border:#FF0033 1px solid;
	color:#FF0033;
	font-weight:bold;
}

/*エラー文字*/
span.err{
	color:#FF0033;
	font-weight:bold;
}

/*エラー領域*/
div.err{
	background-color:#FFCCCC;
}


/*メッセージ１行目（文字大）*/
p.big{
	margin-bottom:15px;
	font-size:1.2em;
	font-weight:bold;
}

/*水色枠*/
.blue{
	border:#4EA4EC 1px solid;
	background-color:#D2EAFF;
}

/***ナビゲーション***/

/*もっと見る*/
.more{
	padding-left:13px;
	float:right;
	background:url(../images/parts_more01.gif) left 2px no-repeat;
	font-size:0.8em;
}

.more em{
	font-size:1.2em;
	font-weight:bold;
	color:#FF0033;
}

/*詳しくはこちら*/
.more2{
	padding-left:13px;
	float:right;
	background:url(../images/parts_more02.gif) left 2px no-repeat;
	font-size:0.8em;
}


/*ページのトップへ*/
.pageTop{
	clear:both;
	margin:5px;
	text-align:right;
}
.pageTopLeft{
	clear:both;
	margin:5px;
	text-align:left;
}

/*○○へ戻るリンク*/
.back{
	padding-left:15px;
	background:url(../images/parts_back.gif) left 3px no-repeat;
}

/*閉じる*/
.close{
	font-size:0.9em;
}

.close a{
	text-decoration:none;
}

/*ページ間移動*/
ul.mdl_movepage{
	float:right;
}

ul.mdl_movepage li{
	display:inline;
	padding-left:20px;
	color:#CCCCCC;
}

/*ノンブル*/
ul.mdl_pagenum{
	float:left;
}

ul.mdl_pagenum li{
	display:inline;
	padding:0 2px;
	border-left:#999999 1px solid;
}

ul.mdl_pagenum li.last{
	border-right:#999999 1px solid;
}

ul.mdl_pagenum p{
	display:inline;
	padding:0 8px;
	background-color:#D2EAFF;
}

ul.mdl_pagenum a{
	padding:0 8px;
}


/***本文内段落スタイル***/

/*大見出し（ページタイトル）*/
h2{
	margin-bottom:15px;
}

/*見出し*/
#contents h3{
	padding:3px 8px;
	margin-bottom:10px;
	font-weight:bold;
	background:url(../images/bg_h3.gif) left bottom repeat-x;
	border-left:#4EA4EC 4px solid;
	border-bottom:#CCCCCC 1px solid;
}

/*小見出し*/
#contents h4, #popup h4{
	margin-bottom:7px;
	font-weight:bold;
	color:#4EA4EC;
}

/*本文段落*/
#contents p{
	margin-bottom:10px;
}

/*本文内強調文字*/
#contents p em{
	color:#FF0033;
	font-weight:normal;
}


/*アイコン付きリンク*/
a.icon{
	padding-left:12px;
	background:url(../images/parts_more02.gif) left 2px no-repeat;
}


/****リストスタイル****/

ul.style01{/*水色枠付き・点線ボーダー区切り*/
	border:#D2EAFF 3px solid;
	padding:5px 10px;
	margin-bottom:10px;
}

ul.style01 li{
	padding:3px 0;
	margin-left:1em;
	border-bottom:#CCCCCC 1px dotted;
	text-indent:-1em;
}

ul.style01 li.last{
	border-bottom:none;
}

ul.style01 li span{
	color:#4EA4EC;
}

/***入力フォームスタイル***/
table.form{
	margin-bottom:20px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}

table.diseaseform{
	margin-bottom:20px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	padding: 2px;
}

table.form th, table.form td{
	padding:2px 5px;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	font-size:0.9em;
}

table.form th, table.form tr td.cleartd{
	padding:2px 5px;
	background-color:#FFFFFF;
	/*border-bottom:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;*/
	font-size:0.9em;
	margin-bottom: 3px;
}

table.diseaseform th, table.diseaseform tr.cleartr{

	margin-bottom: 2px;
}


table.form th{
	background-color:#f0ECE9;
	text-align:left;
	vertical-align:top;
}

table.form input{
	margin:1px 3px;
}

table.form select{
	margin:1px 3px;
}

table.form li{
	display:inline;
}

tr.err td{
	background-color:#FFCCCC;
}

/***センタリングボタン***/
.functionBtnC{
	margin:20px auto;
}

.functionBtnC p{
	text-align:center;
}

.functionBtnC a{
	margin:0 5px;
}

span#mobileMess{
	color:red;
	font-weight:bold;
}

#columnDetailAd{
	width:	100%;
	text-align: center;
}

/*************************/
/*******  Ｑ＆Ａ  ********/
/*************************/
#qa01 dt{
	clear:left;
	float:left;
	padding-left:13px;
	width:57px;
	color:#FF0033;
	font-weight:bold;
}

#qa01 dd{
	margin-left:70px;
}


/*マージン設定*/
.marginB5{margin-bottom:5px;}
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB20{margin-bottom:20px;}
.marginB25{margin-bottom:25px;}
.marginB30{margin-bottom:30px;}

.centered{
	text-align:center;
}

/* icons */
.icon33x13, .icon23x13, .icon23x23{
	position:relative;
	overflow:hidden;
	float:left;
}
.icon33x13{
	width:33px;
	height:13px;
}

.icon23x13{
	width:23px;
	height:13px;
}

.icon23x23{
	width:23px;
	height:23px;
}

.icon_gn01{
	top:0px;
	position:relative;
}

.icon_gn02{
	top:-13px;
	position:relative;
}

.icon_gn03{
	top:-26px;
	position:relative;
}

.icon_gn04{
	top:-39px;
	position:relative;
}

.icon_gn05{
	top:-52px;
	position:relative;
}

.icon_regular{
	top:-65px;
	position:relative;
}

.icon_sx01{
	top:-78px;
	position:relative;
}

.icon_sx02{
	top:-91px;
	position:relative;
}

.icon_sx03{
	top:-104px;
	position:relative;
}

.icon_ty01{
	top:-117px;
	position:relative;
}

.icon_ty02{
	top:-130px;
	position:relative;
}

.icon_ty03{
	top:-143px;
	position:relative;
}

.icon_ty04{
	top:-156px;
	position:relative;
}

.icon_st01{
	top:-169px;
	position:relative;
}

.icon_st02{
	top:-182px;
	position:relative;
}

.icon_st03{
	top:-195px;
	position:relative;
}

.icon_st04{
	top:-218px;
	position:relative;
}

.icon_st05{
	top:-241px;
	position:relative;
}

.icon_free{
	top:-264px;
	position:relative;
}

.blank{
	top:13px;
	position:relative;
}
/*table.form th, table.form td{*/
table.form td table.subtable td{
	padding:2px 2px;
	border-bottom:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
	background-color:#fff;
	font-size:0.9em;
}

table.timetable td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}
table.timetable{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.dayofweek{
	background-color:#E0EBEF;
}