@charset 'UTF-8';
/*
container<shell(:bg)<unit(:posi)<block(bl:etc)
#=id
.=class
*/

@charset "utf-8";
/* ---------------------------------------- 
 - 20140526
---------------------------------------- */

#excontainer{
	max-width: 1000;
	overflow: hidden;
}

/*** headerArea ***/

#headerArea{
	position:fixed;
	top:0;
	width:100%;
	height:auto;
	background-color:#b02b23;
	z-index:1000;
}

header{
	top:0;
	width:100%;
	height:auto;
	z-index:1000;
}
#header_bg{
	position:relative;
	width:100%;
	height:auto;
}
#logo{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:auto;
}

hgroup {
	width: 100%;
	background: none;
	margin: 0px auto 0px;
	padding: 0px;
}

/*** top ***/
#topArea{
	background-image: url(../img/index/main_bg.png);
	height: 100%;
    margin-top: -30px;
}
#top{
	margin: 16% 8% 20% 8%;
}

#cp_title{
	width:90%;
	margin-top: 30px;
}

#main_image1{
	width: 100%;
	padding-top: 5px;
}


#main_title{
	width: 100%;
	padding-top: 14px;
}

#lead1{
	width: 70%;
	padding-top: 24px;
}

#main_bar{
	width: 90%;
	padding-top: 21px;
}

#lead2{
	position:relative;
	width: 80%;
	padding-top: 20px;
}


/*** title ***/
#titleArea{
	top: 60px;
}

#title1{
	position:relative;
	width:100%;
	margin:0 auto;
}

#report_title1{
	position:relative;
	left:0px; top:-40px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	color:#e56b8a;
	z-index: 2;
}
　
#title2{
	position:relative;
	width:100%;
	margin:0 auto;

}

#report_title2{
	position:relative;
	left:0px; top:50px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	color:#2e489e;
	z-index: 2;
}


/*** comment ***/

#commentArea1{
	margin-top:-40px;
	text-align:center;


}

#commentArea2{
	margin-top:60px;
	text-align:center;

}
#comment_list{
}

#comment_list li{
	display:inline-block;
	width:90%;
	margin-top:5%;
	margin-left: auto;
	margin-right: auto;
}

#comment_list .last2{
	margin-top:-290px;
}
.cname{
	color:#231815;
	font-size:88%;
	font-weight:bold;
	line-height:140%;
	margin:4% 0;
	text-align:center;
}


#comment_list .rtn{
	width:90%;
	clear:both;
	margin-left: auto;
	margin-right: auto;
}
.ctxt{
	color:#231815;
	font-size:83%;
	line-height:150%;	
	width:70%;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
}


/*** thankyou ***/
#thankyouArea{
	position:relative;
	margin-left: auto;	margin-right: auto;	
	padding-top: 30px;
}

#thankyou img{
	position:relative;
	text-align:center;
	width: 100%;
	margin:0 auto;
}



/* ----------------------------------------


/*消しちゃだめ*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0px ;padding:0px;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption
{ font-size:100%; font-weight: normal; font-style: normal; vertical-align:baseline;}
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

html {font-size: 12px;-webkit-text-size-adjust: none;}
body {
	font-size:1.2rem;
	text-align:left;
	line-height:1.5em;
	background: #FFFFFF;
	font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic ProN','���C���I', Meiryo, '�l�r �o�S�V�b�N', sans-serif;
}
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
:focus {outline: 0;}
img { border: none;vertical-align:bottom;}
ol, ul { list-style: none; }
hr {display: none;}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #0010a6;
}
a:hover {
	text-decoration: none;
}

.unitTL {
	float: left;
	padding: 0px;
}
.unitTR {
	float: right;
	padding: 0px;
}
.unitClear {
	clear: both;
}
/* new clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*���������������ݒ聣��������*/
/*�����������\������������*/
#excontainer {
	width: 100%;
	text-align:center;
	margin:0px auto 0px;
	padding:0px 0px 0px 0px;
}

#container {
	width: 100%;
	max-width: 640px;
	text-align:center;
	margin: 0px auto 0px;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;

}


footer{
	font-size:0.9rem;
	text-align:center;
	padding:7px 0px 4px 0px;
	margin:20px 0px 0px 0px;
	border-top:1px solid #d9d9d9;
}
/* ____ �t�H���g�T�C�Y ____ */


.lsize{
	font-size:125%;
}
.gsize{
	font-size:150%;
}
.msize{
	font-size:100%;
}
.ssize{
	font-size:1.1rem;
	text-align:left;
	letter-spacing: -0.001em;
}
.gssize{
	font-size:84%;
}

.alt{position:absolute;top:-5000px;left:-999px;}


/*** footerArea ***/
#footerArea{
	position:relative;
	width:100%;
	height:auto;
	margin-top:4px;
}
#ftPagetopArea{
	position:relative;
	width:100%;
	height:auto;
	text-align:right;
}
#ft_pagetop{position:relative; width:20.3%; height:auto;}

/*** snsArea ***/
#footer-sns-btns{
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:35px;
	text-align:center;
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	padding-bottom:8px;
	width: 100%;

}

#footer-sns-btns li{
	display:inline-block;
	vertical-align:top;
	margin-bottom:4px;
}

/*** ft_links�O ***/
#ft_links{
	position:relative;
	width:100%;
	height:auto;
}
#ft_bg{position:relative; left:0; top:0; width:100%; height:auto;}
#ft_copyright{position:absolute; left:31.4%; top:55.55%; width:65.62%; height:auto;}
#ft_notice{position:absolute; left:61.09%; top:23.14%; width:29.68%; height:auto;}
#ft_privacy{position:absolute; left:31.4%; top:23.14%; width:29.68%; height:auto;}
#ft_logo{position:absolute; left:3.28%; top:23.14%; width:28.12%; height:auto;}