@charset "utf-8";
/* CSS Document */

html, body{
	height: 100%;	/* 縦の高さを100% */
}
body{
	position: relative;
	width: 100%;

	/* コンテンツ部分の高さが画面に収まらない場合はコンテンツの高さに合わせる*/
	height: auto !important; 

	/* コンテンツ部分の高さが画面より低い場合は画面の高さに合わせる*/
	height: 100%;
	min-height: 100%;
	
	background:#fff;
}



/* @ Header */

header { 
	margin:0;
	padding: 0;
	width:100%;
	background : #e01938;
}
header h1{
	float:left;
	width:369px;height:110px;margin: 0; padding:0;
	background : url("../img/header_logo.jpg") no-repeat; 
	overflow:hidden; 
	text-indent:-9999px; font-size:9px;color:#fff;
}

/*　768以下の時　*/
#h_right{
	float:right;
	/*width:725px; */
	height:150px;/* for under950 */
	margin: 0; padding:0;
	background : url("../img/header_right.jpg") right no-repeat;
}
#h_right ul{ list-style:none; display:block; 
margin-top:5px;/* for under950 */
 margin-right:100px;}
#h_right li {
	float:left; 
	text-align:center;}
#h_right li a:link, #h_right li a:visited{ 
	display:block; 
	width:180px; height:30px;/* for under950 */
	padding-top:10px;/* for under950 */
	
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	
	background:#fff; margin:0 5px 5px 0;/* for under950 */
	font-size:13px; font-weight:bold; color:#e01938;  text-decoration:none;
}
#h_right li a:hover, #h_right li a:active,#h_right li a:focus{
	opacity: 0.95;/*要素の透明度を指定*/
	filter: alpha(opacity=95);
}
/* @ Header end */


/* @main Contents */
#caption1{ /* for under950 */
	width:98%; padding:5px 0 5px 0;margin: 0 auto 0 auto; 
	text-align:left; color:#5bc9ff;  font-size:10px;
}


#contents{ 
	width : 100%; /* for under950 */
	margin : 40px  auto 0  auto; padding: 0; 
}

#main_left{ 
	width:96%; /* for under950 */
	/*float:left;*/
	margin:0;/* for under950 */  padding:0;
}
#nav_pan {
	width:96%; margin: 0; padding:0;/* for under950 */
	text-align:right; color:#333; font-size: 12px; 
}

#titles{
	text-align:left; color:#333; font-size: 12px; line-height:160%;
}



.record h2{
	width:96%; /* for under950 */
	border-top:#e01938  solid 10px; padding-top:8px;margin: 0 auto 0 auto; 
	color:#e01938;font-size : 18px; 
}
.record .r_date{
	width:96%; /* for under950 */
	text-align:left; color:#333; font-size: 11px; margin: 0 auto 0 auto; 
}
.record .r_honbun{
	width:96%; /* for under950 */
	text-align:left; color:#333; font-size: 13px; line-height:160%; margin: 20px auto 0 auto; 
}

.r_honbun img{ float:right; width:150px; height:auto; margin-left:8px;}


.r_comment{
	width:96%; /* for under950 */
	border:#e01938 solid 1px; padding:0;margin: 0 auto 0 auto; 
}

.r_comment_ttl{
	width:96%; /* for under950 */
	margin:15px auto 0 auto;
	color:#e01938; font-size : 14px; 
}

.r_comment_head{
	width:96%; border-top:#ffc4ce  solid 3px; padding-top:2px;margin: 10px auto 0 auto; 
	color:#000; font-size: 10px;
}
.r_comment_text{
	width:96%; margin-top: 5px;  margin:0 auto 25px auto;
	color:#333; font-size: 13px;
}


/* @main end */

/* @ Nav */
#nav {
	/*float:right;*/
	width:100px; margin: 0; padding:0;
}
.nav_arrow{text-align:center;margin:5px 0 5px 0;}
.nav_arrow a:hover,.nav_arrow a:active,.nav_arrow a:focus{
	opacity: 0.6;/*要素の透明度を指定*/
	filter: alpha(opacity=60);
}

#nav ul { 
	list-style:none;margin: 0; padding:0;
}
#nav li {text-align:center;}
#nav li a:link, #nav li a:visited{ 
	display:block; 
	width:100px; height:30px;/* for under950 */
	padding-top:10px;/* for under950 */
	
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	
	background:#e01938; margin:0 0 5px 0;/* for under950 */
	font-size:13px;  color:#fff;  text-decoration:none;}
#nav li a:hover, #nav li a:active,#nav li a:focus{
	/*background:#5bc9ff;  */
	opacity: 0.6;/*要素の透明度を指定*/
	filter: alpha(opacity=60);
	color:#fff;  text-decoration:none;
}
#nav .btn_top  a:link, #nav .btn_top a:visited{
	background:#5bc9ff; 
}
#nav .current  a:link, #nav .current a:visited{
	opacity: 0.6;/*要素の透明度を指定*/
	filter: alpha(opacity=60);
	color:#fff;  text-decoration:none;
}
/* @ Nav end */


/* @ Footer */

footer {
	margin:0;
	padding:20px 0 40px 0;
	width:100%;
	/*background : #3a4d6a;*/
	text-align:center;
}

#f_container{
	width : 90%;
	display:inline-block;
	margin : 0 auto 0 auto;
	
}
#f_container .fhalf, #f_container p, #f_container a{
	text-align:left;
	font-size : 9pt; 
	line-height:180%;
	color:#ffffff;
}
#f_container .fhalf{
	padding-left:8px;
	border-left:#fff solid 1px;
}

/* @ Footer end */

.clearfix{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.t_right{text-align:right;}


/*======================================================================================*/

/*768px************/
@media screen and (min-width : 950px){
html{ font-size : 16pt;}

#h_right{
	float:right;
	/*width:725px;*/
	height:110px;margin: 0; padding:0;
	background : url("../img/header_right.jpg") right no-repeat;
}
#h_right ul{ list-style:none; display:block; margin-top:38px; margin-right:100px;}
#h_right li {float:left; text-align:center;}
#h_right li a:link, #h_right li a:visited{ 
	display:block; 
	width:180px; height:32px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	background:#fff; margin:0 5px 0 0;padding-top:15px;
	font-size:13px; font-weight:bold; color:#e01938;  text-decoration:none;}
#h_right li a:hover, #h_right li a:active,#h_right li a:focus{
	/*background:#5bc9ff;  */
	opacity: 0.9;/*要素の透明度を指定*/
	filter: alpha(opacity=9);
	/*color:#5bc9ff;  text-decoration:none;*/
}

#caption1{ 
	width:100%; padding:5px;
	text-align:right; color:#5bc9ff;  font-size:10px;
}

#contents{ 
	width : 950px;
	margin : 40px  auto 0  auto; padding: 0; 
}

#main_left{ 
	width:790px; 
	float:left;
	margin:0 60px 0 0; padding:0;
}
.record h2{
	width:790px; 
}
.r_comment{
	width:780px; 
}

.record .r_date{
	width:100%;
}
.record .r_honbun{
	width:100%;
}
.r_comment{
	width:100%;
}

.r_comment_ttl{
	width:95%;
}

.r_comment_head{
	width:95%;
}
.r_comment_text{
	width:95%;
}




}
/*******************/