@charset "utf-8";

@import "base.css";


/*----------------------------------------------
//
//   共通クラス＋スタイル初期化
//
------------------------------------------------*/



/*-------------------------------
 * clearfix
-------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/*-------------------------------
 * レイアウト基礎
-------------------------------*/
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.indent{
	margin-left: 20px;
}
.section{
	margin-bottom: 20px;
}
.article{
	margin-bottom: 10px;
}
.figure{
	font-size:0.8em;
	text-align:center;
	margin-bottom: 10px;
}
.inblock{
	list-style:none;
	text-align:center;
}
.inblock li{
	display:inline-block;
	/*display:inline;*/
	margin-left: 4px;
	margin-right: 4px;
}
*+html .inblock li{display:inline;zoom:1;}
* html .inblock li{display:inline;zoom:1;}
.inframe{
	overflow-y: scroll;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
}
.nav{
	list-style:none;
}


.section h2,
.section h3,
.section h4,
.section h5,
.section h6{
	margin-bottom:10px;
}
.section p{
	margin-bottom:1em;
}




/*-------------------------------
 * テキスト装飾
-------------------------------*/
.t-left{ text-align: left; }
.t-center{ text-align:center; }
.t-right{ text-align:right; }
.em{font-style: italic;} /*斜体*/
.strong{font-weight: bold;} /*太字*/

/* 注意書き */
.annotation{
	font-size: 0.8em;
	color: #666;
}

/* 電話番号 */
.tel-number{
	color: #e80;
	font-size: 1.1em;
	font-weight: bold;
}

/* テキストに色を付けたい */
.color-em{
	color: #d00;
}

/* (税込)の表記 */
.lab-tax{
	font-size: 0.8em;
	vertical-align: bottom;
}

/* 価格表示 */
.price{
	color: #f30;
	font-weight:bold;
}
.price del{
	color: #999;
	font-weight: normal;
}

/* 選択状態 */
.selected{
	font-weight: bold;
	color:#000;
}

/* 必須入力項目 */
.importance{
	color: #c00;
	vertical-align: middle;
}
/* 自由入力項目 */
.free{
	color: #39c;
	vertical-align: middle;
}

/* 記述例 */
.example{
	margin-top: 10px;
	color: #999;
	font-size: 11px;
}

/* 警告メッセージ1 */
.alert{
	color: #900;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 15px;
	background: #FFF7F7;
	border: 2px solid #FFD0D0;
}

/* 入力エラー */
.error{
	background: #f8f8f8;
	border: 2px solid red;
}

/* 小文字 */
.small{
	font-size: 0.8em;
}

/* リンクの矢印追加 */
a.arw-right{
	
}




/* 通常のリスト表示 */
ul.list{
	margin-left: 24px;
	margin-bottom: 12px;
	list-style-type: disc;
}




/*------------------------------
 * 見出しスタイル
------------------------------*/
.heading001{
	
}



/* コンテンツヘッダ */
.hgrp{
	margin-bottom:20px;
}
.hgrp h1{
	margin-bottom:20px;
}
.hgrp p{
	margin-left:15px;
}





/*------------------------------
 * 注意事項 箇条書き
------------------------------*/
ul.annotation{
	font-size: 12px;
	list-style:none;
}
ul.annotation li{
	padding-left: 1em;
}
ul.annotation li:first-letter{
	margin-left: -1em;
}




/*------------------------------
 * 入力フォーム
------------------------------*/

/* 共通フォーム枠組 */
table.type_input{
	width: 100%;
	border: 1px solid #ccc;
}
table.type_input th, table.type_input td{
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #FFC1E1;
}
table.type_input th{
	width: 30%;
	font-weight: normal;
	background: #FBF3F7;
}
table.type_input td{
	background: #fff;
}
table.type_input tr.columns2 th{
	width: auto;
}
table.type_input th .importance{
	color: #fff;
	background: #c00;
	margin-left: 4px;
	padding: 2px 4px;
	font-size: 0.8em;
	/* css3 */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
table.type_input th .free{
	color: #fff;
	background: #39c;
	margin-left: 4px;
	padding: 2px 4px;
	font-size: 0.8em;
	/* css3 */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
table.type_input td select{
	margin-bottom: 5px;
}
table.type_input td p.explanation{
	margin-top: 5px;
	font-size: 10px;
}
table.type_input a{
	color: #f90;
}
table.type_input a:hover{
	text-decoration: none;
}
table.type_input input:focus,
table.type_input textarea:focus,
table.type_input select:focus{
	background: #ffe;
}


/* 警告メッセージ2 */
table.type_input .alert{
	color: #f00;
	padding:0;
	margin:5px 0 0 0;
	border: 0 none;
	font-size: 11px;
	font-weight: bold;
	background:transparent;
}
* html table.type_input .alert{
	padding:0;
	font-weight:normal;
	margin:0;
	font-size: 11px;
	background:transparent;
	border: 0 none;
}
*+html table.type_input .alert{
	padding:0;
	font-weight:normal;
	margin:0;
	font-size: 11px;
	background:transparent;
	border: 0 none;
}

/* 入力フォームパーツ */
.w10per{width:10%;}
.w20per{width:20%;}
.w30per{width:30%;}
.w40per{width:40%;}
.w50per{width:50%;}
.w60per{width:60%;}
.w70per{width:70%;}
.w80per{width:80%;}
.w90per{width:90%;}
.w100per{width:100%;}
.type_input textarea{height: 7em;}




/*------------------------------
 * 入れ子テーブル(リセット)
------------------------------*/
table.intable{}
table.intable th,
table.intable td{
	background: none;
	border: 0 none;
	padding: 5px 0;
	width: auto;
}

table.intable th{
	font-weight:bold;
}
table.intable td{
	padding-left: 10px;
}














/*----------------------------------------------
//
//   initialize basic_style
//
------------------------------------------------*/

body{
	margin:				0;
	padding:			0;
	color:				#121212;
	font-size:			80%;
	font-weight:		normal;
	line-height:		1em;
	letter-spacing:		0em;
	font-family:		"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
	/*font-family:		"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;*/
}

a{
	color:				#594F40;
	text-decoration:	underline;
}
a:hover{
	color:				#846F62;
	text-decoration:	none;
}
a:active{
	text-decoration:	none;
}

address, div, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dl, dt, dd, p, img, strong, em, span, blockquote, q, pre {
	margin: 			0;
	padding:			0;
	border:				none;
	font-size: 			1em;
	font-style: 		normal;
	font-weight: 		normal;
	vertical-align:		top;
}

table, tr, th, td{
	font-size: 			1em;
	
	margin:				0;
	padding:			0;
	
	border:				0 none;
	border-spacing:		0;
	border-collapse:	collapse;
}

object, embed{
	vertical-align: top;
}




p{
	margin-bottom: 1em;
}
strong{
	font-weight: bold;
}
h2, h3, h4, h5, h6{
	font-weight:bold;
}
h2{margin-bottom:20px;}
h3{margin-bottom:10px;}
h4, h5, h6{margin-bottom:5px;}
ol{
	margin-left:24px;
}
pre{
	margin-bottom:15px;
}