@charset "utf-8";

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	margin-bottom:1px;
}


*{
	margin:0;
	padding:0;
}


/* body */

body {
	color:#222222;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#ffffff;
	background-image: url(imgs/head_bg.png);
	background-repeat: repeat-x;
	background-position:0 0;
	font-family:Verdana,'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0;
}

html,body {height:100%;}
body > #container {height:auto;}



/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/* for safari */
html:\66irst-child p { font-size:12px ;}
ul{	margin:0;
	padding:0;
}
ul li{
list-style-type:none;
}

img { 
	border:0;
	vertical-align:bottom;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0px;
	visibility: hidden;
}

blockquote{   
	margin: 0 15px 15px 15px;
	padding:10px 0 0 0;
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
} 

/* font */

.font0 { font-size:60%; line-height:130%;}
.font1 { font-size:70%; line-height:130%;}
.font2 { font-size:75%; line-height:140%;}
.font3 { font-size:80%; line-height:140%;}
.font4 { font-size:85%; line-height:150%;}
.font5 { font-size:90%; line-height:150%;}
.font6 { font-size:95%; line-height:150%;}
.font7 { font-size:100%; line-height:150%;}
.font8 { font-size:110%; line-height:150%;}
.font9 { font-size:120%; line-height:200%;}
.font10 { font-size:130%; line-height:200%;}

.trinity_blue { color:#00a1e9;}
.trinity_pink { color:#e73196;}


/* link */

A:link {color:#0093d4;text-decoration:none;}
A:visited {color:#0093d4;text-decoration:none;}
A:active {color:#3bc2ff;text-decoration:underline;}
A:hover {color:#3bc2ff;text-decoration:underline;}

img.hover:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

img.png{
     filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/menu_bg.png',sizingMethod='scale');
     background-image: none;
}

/* midashi */

ul.list{
	margin:0 0 30px 0;
	padding:0 0 0 10px;
}

ul.list li{
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	list-style-type :none;
	font-size:90%;
	background-image: url(../imgs/list.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

ol{
	width:600px;
	margin:0 0 30px 25px;
	padding-left:20px;
}

ol li{
	margin-bottom:25px;
}


/* container　*/

#container {
	zoom:100%;/*IE6*/
	margin:0 auto;
	padding:0;
	min-height:100%;
	_height:100%;
	text-align:center;
}

/*\*/
* html #container{
	overflow: visible;
	height:1px;
}
/**/


/* home */
#header {
	width:670px;
	height:90px;
	margin:0 auto;
}


#header h1 {
	float:left;
	width:160px;
	margin:15px 0 0 0px;
	text-align:left;
	}

#header .header_info {
	float:right;
	width:340px;
	margin:20px 0 0 0;
	text-align:right;
}

#header .header_info .infotxt {
	clear:both;
	width:100%;
	text-align:left;
	line-height:1.3;
}
#header .header_info .infotxt span {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.5;
}


/* main　*/

#main {
	clear: both;
	width:670px;
	margin:0 auto;
	text-align:left;
	display:inline-block;
}

#main p{
	font-size:100%;
	line-height:170%;
	margin-bottom:25px;
	}

/*　contents　*/

.contents {
	clear:both;
	width:670px;
	min-height:500px;
	margin:0 0 20px 0;
	text-align:left;
}
.contents h2{
	margin:0 0 30px 0;
}

.contents h3{
	clear:both;
	width:640px;
	height:33px;
	margin:0 0 20px 13px;
	padding:1px 10px 0 10px;
	color:#ffffff;
	font-size:1.3em;
	line-height:33px;
	background-image:url(imgs/h3_bg.png) ;
	background-repeat:no-repeat;
}

.contents h4{
	clear:both;
	width:632px;
	margin:0 0 20px 15px;
	padding:7px 0;
	font-size:1.2em;
	line-height:1;
	text-indent:8px;
	border-left:4px solid #0093d4;
	background-color:#efefef;
}

.contents p{
	width:640px;
	margin:0 0 20px 15px;
	line-height:190%;
	text-align:left;
}
.contents p.right{
	width:100%;
	text-align:right;
}
.contents hr {
	border-width: 1px 0 0 0; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #CCC;
	height: 1px; /* IE6用対策 */
	clear: both; /* IE6用対策 */
	margin:50px 0;
}
.contentst .space{
	height:40px;
	margin:0;
	}
.contents .images{
	clear:both;
	width:100%;
	text-align:center;
	margin:0 0 40px 0;
}

/*　privacy　*/

table.privacy_table {
	clear:both;
	width:500px;
	margin:10px 0 5px 0px;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

table.privacy_table th {
	width:25%;
	padding:5px 10px;
	border:1px solid #cccccc;
	white-space: nowrap;
	vertical-align:top;
	text-align:center;
	background:#efefef;
}
table.privacy_table td {
	padding:5px 10px;
	border:1px solid #cccccc;
	vertical-align:top;
	text-align:left;
	line-height:1.6;
}
table.privacy_table td.title {
	background:#63bfe9;
	font-weight:bold;
	color:#ffffff;
	line-height:1;
}

/*　contactform　*/

table.contactform {
	clear:both;
	width:635px;
	margin:0 0 20px 15px;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	
table.contactform th {
	padding:10px 8px;
	border:1px solid #cccccc;
	white-space: nowrap;
	vertical-align:top;
	text-align:left;
	background:#f1f6fa;
	font-weight:normal;
	width:30%;
}
table.contactform td {
	padding:10px 8px;
	border:1px solid #cccccc;
	vertical-align:top;
}

.caution, .ERR {
	color:#F00;
	}
.entry_btn{
	clear:both;
	width:100%;
	text-align:center;
	margin:0 0 30px 0;
	}
.form_policy{
	clear:both;
	width:636px;
	text-align:center;
	margin:0 0 30px 15px;
	padding:15px 0;
	background-color:#efefef;
	}
.form_btn{
	clear:both;
	width:100%;
	text-align:center;
	margin:0 0 30px 0;
	}


.form_policyarea {
    border:none;
    width:630px;
    height:230px;
    padding:0;
	margin:0 0 20px 15px;
	overflow: auto;
	border:2px solid #cccccc;
}
.form_policyarea .policyarea{
    width:580px;
    padding:15px 0px;
}
.form_policyarea .policyarea p{
    width:550px;
}
.form_policyarea .policyarea h5{
	clear:both;
	margin:0 0 15px 15px;
	padding:7px 0;
	font-size:1.2em;
	line-height:1;
	text-indent:8px;
	border-left:4px solid #0093d4;
	background-color:#efefef;
}


table.base {
	clear:both;
	margin:0 0 30px 15px;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	
table.base th {
	padding:5px 8px;
	border:1px solid #cccccc;
	white-space: nowrap;
	vertical-align:top;
	text-align:center;
	background:#f4f4f4;
	font-weight:normal;
}
table.base td {
	padding:5px 8px;
	border:1px solid #cccccc;
	vertical-align:top;
	text-align:left;
	line-height:160%;
}



/*　footer　*/

#footer {
	clear:both;
	width:100%;
	height:90px;
	margin:0 auto;
	background-color:#00a1e9;
}

#footer .copy{
	clear:both;
	width:670px;
	text-align:center;
	margin:10px auto;
	color:#ffffff;
	line-height:1;
	font-size:0.8em;
}
#footer .copy img{
	margin-top:10px;
	background-color:#00a1e9;
}