/*/////////////リセット////////////////////////*/
@charset "uft-8";
/* @group Reset */
*{ margin:0; padding:0;}
a { text-decoration:none; }
ul, ol { list-style:none; }
img { vertical-align:middle; border:none; }

/*/////////////バグ対策////////////////////////*/
body		{ -webkit-text-size-adjust: 100%; }	/*iPhoneが勝手に文字サイズを変えないバグ対策*/ }
p		{ background-image:url(image);		/*一部のAndroid pタグの意味不明な空間削除*/ }

/*/////////////共通////////////////////////*/
body		{ background-color:#FFFFFF; }
p		{ margin:10px 0px 10px 0px; }
h1		{ font-size:0.8em; font-weight:bold; color:#FFFFFF; }
h2		{ font-size:1.4em; color:#d99502; font-family:"ＨＧ正楷書体－ＰＲＯ","ＭＳ 明朝","sans-serif"; margin:10px 0px 10px 0px; }
h3		{ font-size:1.2em; color:#000000; margin:10px 0px 10px 0px; }

/*特殊フォント*/
.text1		{ background-color:#F08080; color:#556B2F; font-weight:bold; text-decoration:underline; }	/*赤背景・太字・アンダー線*/
.text2		{ color:#FF0000; font-weight:bold; }								/*赤字・太字*/
.text3 		{ color:#FFFFFF; background-color:#008000; font-size:150%; }					/*白字・緑背景*/
.text4 		{ color:#FFFFFF; background-color:#0000FF; font-size:150%; }					/*白字・青背景*/
.text5		{ background-color:#FFFF99; }									/*薄黄色背景*/
.text6		{ background-color:#CCFF99; }									/*薄緑背景*/
.text7		{ background-color:#99FFFF; }									/*薄青背景*/
.red		{ color:#FF0000; }										/*赤字*/
.plus		{ font-size:500%; font-weight:bold; text-align:center; }					/*プラス文字*/
.comment	{ font-size:70%; }										/*保険料注釈文字*/

.flow-cus	{ font-size: 1em;										/*契約の流れ*/
		  display  : inline-block;
		  width    : 300px;
		  padding  : 10px 0px 10px 0px; /*上右下左*/
		  margin   : 10px;
		  vertical-align:middle;
		  text-align:center;
		  border:2px solid;
		  border-color:#aaaaaa #444444 #444444 #aaaaaa;
		  background:#FFFF66; }
.flow-age	{ font-size: 1em;
		  display  : inline-block;
		  width    : 300px;
		  padding  : 10px 0px 10px 0px; /*上右下左*/
		  margin   : 10px;
		  vertical-align:middle;
		  text-align:center;
		  border:2px solid;
		  border-color:#aaaaaa #444444 #444444 #aaaaaa;
		  background:#CCFFFF; }
.flow-arr	{ font-size:200%; font-weight:bold; text-align:center; }					/*↓文字*/
.error_msg	{ color:#FF0000; font-weight:bold; text-align:center; text-decoration:underline; }		/*apply.cgiのerrorメッセージ*/

.left		{ text-align:left; }
.right		{ text-align:right; }
.center		{ text-align:center; }
.vtop		{ vertical-align:top; }

/*スマホ非表示*/
.pconly		{ display:none; }
@media screen and (min-width:568px){
	.pconly	{ display:inline; }
}

/*PCだけセンター寄せ*/
.pc-center	{ text-align:left; }
@media screen and (min-width:568px){
	.pc-center{ text-align:center; margin-right:auto; margin-left:auto; }
}

/*Bodyのheadder*/
.headder	{ background-color:#CC0022; width:100%; }

/*Bodyのmain部*/
.main		{ background-color:#FFFFFF; color:#000000; width:100%; margin-right:auto; margin-left:auto; }

	/*Bodyのmain部の説明部*/
	.body	{ margin-right:auto; margin-left:auto; display:table; }
	.body p	{ margin:10px 0px 10px 0px; }
	.body img{margin:10px 0px 10px 0px; }

		.body	{ width:auto; }
		#bar	{ width:75%; height:3%; }
	@media screen and (min-width:568px){
		#bar	{ width:400px; height:15px; }
	}
	@media screen and (min-width:768px){
		#bar	{ width:400px; height:15px; }
	}
	@media screen and (min-width:1024px){
		.body	{ width:950px; }
		#bar	{ width:500px; height:20px; }
	}

/*Bodyのmenu部*/
.menu		{ background-color:#556B2F; width:100%; margin-top:20px; padding-top:20px; padding-bottom:20px;
		  vertical-align:top; text-align:center; }

/*下部メニューボタン*/
a.menu{
	font-size: 0.75em;
	display  : inline-block;
	width    : 130px;
	padding  : 10px 0px 10px 0px; /*上右下左*/
	margin   : 20px;
	vertical-align:middle;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
	background:#cccccc;
}

a.menu:hover{
background:#777777;
}

/*Bodyのfooter*/
.footer		{ background-color:#FFFFFF; text-align:center; color:#000000; width:100%; }
	.footer img{margin:0px 0px 0px 0px; }

/*/////////////index.php////////////////*/
.title-index	{ background-color: #D2691E; color:#000000; border-radius:10px; text-align:center; font-size:130%;}
.pay-index1	{ background-color: #F5F5F5; width:90%; margin-right:auto; margin-left:auto; margin-top:15px; border:1px /*solid*/ #e9e9b0;
/*		-webkit-box-shadow:#D4D4B1 3px 3px 3px;
		-moz-box-shadow:#D4D4B1 3px 3px 3px;
		box-shadow:#D4D4B1 3px 3px 3px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;*/
		border-radius:10px;
/*		text-decoration:none;*/
/*		display:inline-block;*/
		color: #000000;
}
.pay-index2	{ background-color: #F5F5F5; width: 90%; margin-right:auto; margin-left:auto; margin-top:15px; border:1px /*solid*/ #e9e9b0; border-radius:10px;}
.pay-index3	{ background-color: #F5F5F5; width: 90%; margin-right:auto; margin-left:auto; margin-top:15px; border:1px /*solid*/ #e9e9b0; border-radius:10px;}
.pay-index4	{ background-color: #F5F5F5; width: 90%; margin-right:auto; margin-left:auto; margin-top:15px; border:1px /*solid*/ #e9e9b0; border-radius:10px;}
.pay-index5	{ background-color: #E6FFE9; width: 90%; margin-right:auto; margin-left:auto; margin-top:15px; border:1px /*solid*/ #e9e9b0; border-radius:10px;}
.pay-index6	{ background-color: #FFFFFF; width: 90%; margin-right:auto; margin-left:auto; margin-top:30px; margin-bottom:10px; border:1px /*solid*/ #e9e9b0; border-radius:10px;}
.payh-index	{ background-color: #005FFF; color:#FFFFFF; border-top-left-radius:10px; border-top-right-radius:10px; margin-bottom:10px; font-size:110%; }
.pays-index	{ margin-left:25px; }
#img_index	{ width:30%; height:30%; }	/*ベース画像は873*964*/
@media screen and (min-width:768px){
	#img_index	{ width:50%; height:50%; }
	.payh-index	{ font-size:130%; }
	.pay-index1	{ width: 45%; float:left; margin-right:3%; margin-left:2%; }
	.pay-index2	{ width: 45%; float:left; margin-right:2%; margin-left:3%; }
	.pay-index3	{ width: 45%; float:left; margin-right:3%; margin-left:2%; }
	.pay-index4	{ width: 45%; float:left; margin-right:2%; margin-left:3%; }
	.pay-index5	{ width: 96%; float:left; margin-right:2%; margin-left:2%; }
	.pay-index6	{ width: 96%; float:left; margin-right:2%; margin-left:2%; }
	.title-index	{ font-size:160%; }
}


/*申し込みフォーム*/
input.submit	{
	padding  : 10px 10px 10px 10px; /*上右下左*/
	margin   : 10px;
	vertical-align:middle;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
	background:#cccccc; }
input.correction	{
	padding  : 3px 5px 3px 5px; /*上右下左*/
	margin   : 0px;
	vertical-align:middle;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
	background:#cccccc; }

/*会社概要profile.php*/
a.ask-profile{
	font-size: 0.9em;
	display  : inline-block;
	width    : 130px;
	padding  : 2px 0px 2px 0px; /*上右下左*/
	margin   : 0px;
	vertical-align:middle;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
	background:#cccccc;
}

/*問い合わせフォームask.cgi*/
input.submit-ask	{
	padding  : 10px 30px 10px 30px; /*上右下左*/
	margin   : 10px;
	vertical-align:middle;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
	background:#cccccc; }
input.correction-ask	{
	padding  : 3px 5px 3px 5px; /*上右下左*/
	margin   : 0px;
	vertical-align:middle;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
	background:#cccccc; }
/*/////////////philosophy.php////////////////*/
	#img_philo1	{ width:100%; height:67%; }	/*ベース画像は600*401*/
	#img_philo2	{ width:100%; height:69%; }	/*ベース画像は600*414*/
@media screen and (min-width:768px){
	#img_philo1	{ width:600px; height:401px; }
	#img_philo2	{ width:600px; height:414px; }
}
/*/////////////flow.php////////////////*/
	.tbl-profile    { margin-left:auto; margin-right:auto; }
	.tbl-profile th { width:30%; text-align:left; background:#DDDDDD; border:solid 1px #FFFFFF; padding:5px; }
	.tbl-profile td { text-align:left; background:#EEEEEE; border:solid 1px #FFFFFF; padding:5px; }

	@media only screen and (max-width:768px){
	    .tbl-profile { margin: 0 -10px; }
	    .tbl-profile th,
	    .tbl-profile td{
	    	width: 100%;
	    	display: block;
	    	border-top: none;
	    }
	    .tbl-profile tr:first-child th { border-top: 1px solid #ddd; }
	}
/*/////////////apply.cgiとask.cgi////////////////*/
	.tbl-apply    { margin-left:auto; margin-right:auto; }
	.tbl-apply th { text-align:left; background:#99CCFF; border:solid 1px #FFFFFF; padding:5px; }
	.tbl-apply td { text-align:left; background:#EEEEEE; border:solid 1px #FFFFFF; padding:5px; }
	.tbl-apply td.no { text-align:left; background:#FFFFFF; border:solid 1px #FFFFFF; padding:5px; }

	@media only screen and (max-width:768px){
	    .tbl-apply { margin: 0 -10px; }
	    .tbl-apply th,
	    .tbl-apply td{
	    	width: 100%;
	    	display: block;
	    	border-top: none;
	    }
	    .tbl-apply tr:first-child th { border-top: 1px solid #ddd; }
	}
/*/////////////reserve.php////////////////*/
.button_reserve	{ text-align:center; }
	.button_reserve img{margin-top:30px; margin-bottom:30px; }



/*サンプル
.marine { background-image:url("/celt/img/back-marine.jpg") }
*/