@charset "utf-8";

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 170%;
}

/* remember to define focus styles! */
:focus {outline: 0;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
img {border:0;}


/* body */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:14px;
}


a img {border: 0px;}
a {
	text-decoration:none;
}
a:hover{
	color: #59C6EC;
}
a:active, a:hover {text-decoration: underline;}

p {
	margin: 0 0 12px 0;
	padding: 0;
	}
.re{
	color: #FF0000;
}
.or{
	color: #FF3A00;
}
.bl{
	color:#00A4E1;}
.marker{
	background-color: #ECF8C2;
	padding:3px 4px;
	}
strong {font-weight: bold;}
.bold {font-weight: bold;}
span{
	color: #FF0000;
	font-weight: bold;
	}
.bottom5{ margin-bottom:5px;}
.bottom7{ margin-bottom:7px;}
.bottom10{ margin-bottom:10px;}
.bottom15{ margin-bottom:15px;}
.btm15{
padding-bottom:15px;
display:block;
overflow:hidden;
width:100%;
float:left;
}

.bottom20{ margin-bottom:20px;}
.bottom30{ margin-bottom:30px;}
.bottom40{ margin-bottom:40px;}
.bottom50{ margin-bottom:50px;}
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top80{ margin-top:80px;}

.right10{margin-right:10px;}
.right20{margin-right:20px;}
.left10{ margin-left:10px;}
.left30{ margin-left:30px;}

.block {display: block;}
.center {text-align: center;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.img_r{margin:0 0 10px 20px; float:right; overflow:hidden;}
.img_l{margin:0 20px 10px 0; float:left; overflow:hidden;}


h1 {
	margin:0;
	padding:0;
}
h2 {
	font-size: 44px;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	color: #2BC4EB;
	font-weight:800;
	width:740px;
	border-bottom:double 3px #CCCCCC;
	clear:both;
}
h3 {
	font-size:20px;
	margin: 0 0 7px 0;
	padding: 0;
	color:#FF7F00;
	font-weight:600;
	width:466px;
	display:block;
	float:left;
	clear:both;
}
h3 img{
	margin:0 0 20px 0;}
h3 p{
	display:block;
	font-size:14px;
	font-weight:600;}
h4{
	font-size:16px;
	margin:10px 0 10px 0;
}

.attention{
	background-color:#FFFFBC;
	padding:30px;
	color:#F00;
	}
/* -------------------------------------------------------------------
 pagetop
------------------------------------------------------------------- */

.pagetop{
	position: fixed;
	right:50px;
	bottom:130px;
	z-index:100;
	}


/* -------------------------------------------------------------------
 header
------------------------------------------------------------------- */
#component_header {
	width: auto;
	margin: 0 auto ;
	padding: 0;
	overflow: hidden;
	background-color: #FF0000;
}
#header h1{
	text-align:center;
	color: #FFF;
	padding:2px 0 4px;
}

/* -------------------------------------------------------------------
 home 
------------------------------------------------------------------- */
#component_main{
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-image: url(../test20170309/common/images/main_back.jpg);
	background-repeat: repeat-x;
	}
#main{
	width:980px;
	overflow: hidden;
	margin: 0 auto;
	padding:0;
	border:none;
	}	
	
#component_point{
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #37C4E9;
	}
	
#component_title{
	clear: both;
	width: auto;
	margin: 0 auto ;
	padding: 0;
	overflow: hidden;
	background-image: url(../test20170309/common/images/title_back.jpg);
	background-repeat: repeat-x;
	}
	
	
.component_content{
	clear: both;
	width: auto;
	margin: 0 auto ;
	padding:0;
	overflow: hidden;
	}
.content{
	clear: both;
	width: 980px;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	text-align: left;
	}
.border{
	background-image: url(../test20170309/common/images/border.jpg);
	background-repeat: no-repeat;
	margin:60px auto 20px auto;
	padding:60px 0 20px 0;
	}
.l_box{
	width: 740px;
	float:left;
	margin: 0;
	padding:0;
	overflow: hidden;
	}
.r_box{
	width: 240px;
	margin: 0;
	padding:0;
	overflow: hidden;
	}
.r_box img{
	display:block;
	margin:0 auto;
	text-align:center;
	}
	
.inner_r{
	width:270px;
	float:right;
	}		

table.t01 {
    width: 740px;
    border-top: 1px #999 dotted;
    border-bottom: 1px #999 dotted;
    border-collapse: collapse;
    border-spacing: 0;
	padding:0;
	margin:0 0 15px 0;
}

table.t01 th {
    padding: 4px 10px;
    border-top: 1px #999 dotted;
    border-bottom: 1px #999 dotted;
    border-width: 0 0 1px 1px;
    background: #EEEEEE;
    text-align: left;
	width:135px;
}
table.t01 th.y {
    padding: 4px 10px;
    border-top: 1px #999 dotted;
    border-bottom: 1px #999 dotted;
    border-width: 0 0 1px 1px;
    background: #FFEF8E;
    text-align: left;
	width:135px;
}

table.t01 td {
    padding: 4px 10px;
    border-top: 1px #999 dotted;
    border-bottom: 1px #999 dotted;
    border-width: 0 0 1px 1px;
    text-align: left;
}





/* -------------------------------------------------------------------
 footer 
 ------------------------------------------------------------------- */
#component_footer{
	clear: both;
	width: auto;
	margin: 0 auto 0;
	padding: 0;
	overflow: hidden;
	background-color:;
	padding: 10px 0 3px 0;
	background-color: #18C4ED;
	background-image: url(../test20170309/common/images/foot_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
p.copy {
	clear:both;
	display:block;
	margin:0 auto 5px;
	width: 980px;
	text-align: center;
	padding:0;
	color:#FFF;
	}