@charset "shift_jis";

/* 共通ライブラリー
---------------------------------------------------- */
.width100 { width: 100%; }
.floatleft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.margin { margin: 0; }
.padding { padding: 0; }
.clear { clear:both; } 


/* ------------------------------
フォント設定
------------------------------ */
#title_top_box .lead p{
font-size:10px;
line-height:150%;
color:#FF918D;
}

#contents_box a{
color: #CC6600;
text-decoration: underline;
}

#whats_box .what_txt p{
font-size:12px;
line-height:140%;
color:#D83A61;
}

#contents_box dt strong, #contents_box dd, #contents_box p{
font-size:12px;
line-height:160%;
letter-spacing:1px;
color:#000000;
}

#ssl_box p{
font-size:11px;
line-height:13px;
color:#990000;
}


/* ------------------------------
全体構造
------------------------------ */
#contents_box{
clear:both;
width:556px;
margin:10px auto 0 auto;
}

/* ------------------------------
バナー
------------------------------ */
#banner_box{
clear:both;
width:541px;
margin:30px auto 30px auto;
text-align:center;
}

#banner_box img{
margin:5px 7px 5px 7px;
}


/* トップタイトル
---------------------------------------------------- */
#title_top{
clear:both;
width: 713px;
margin-bottom: 3px;
}

#title_top_box {
clear: both;
width:630px;
margin: 0 auto 20px auto;
}

#title_top_box .title{
float:left;
width: 325px;
}

#title_top_box .lead{
float:left;
width: 295px;
margin: 25px 0 0 10px;
}

#title_top_box .bn_link{
float:right;
margin:10px 0 0 0;
}


/* ------------------------------
What’s
------------------------------ */
#whats_box{
clear:both;
width:539px;
margin:10px auto 0 auto;
border: 1px solid #D83A61;
}

#whats_box .what_txt{
float: left;
width: 275px;
}

/* メインコンテンツ
---------------------------------------------------- */

/* ------------------------------
レポート
------------------------------ */
#muroi_box{
clear:both;
width:541px;
margin:10px auto 0 auto;
}

#report_box {
width:540px;
margin: 0 0 10px 0;
}

#photo_repo_box {
width:541px;
margin: 10px 0 25px 0;
}

#photo_repo_box .txt{
margin: 10px 0 25px 0;
}

#profile_content{
clear:both;
width: 491px;
background-image: url(/img/pc/muroi/images/profile_side.gif);
background-repeat: repeat-y;
padding:0 30px 0 20px;
}

#profile_content_L{
float:left;
width: 230px;
}

#profile_content_R{
float:right;
width: 230px;
}

#profile_content dt strong{
color:#CC3366;
}

#profile_bottom {
clear: both;
width: 541px;
height: 25px;
background-image: url(/img/pc/muroi/images/profile_down.gif);
margin: 0 0 25px 0;
}

#model_content{
clear:both;
width: 491px;
background-image: url(/img/pc/muroi/images/model_side.gif);
background-repeat: repeat-y;
padding:0 30px 0 20px;
}

#model_bottom_box {
clear: both;
width: 541px;
height: 62px;
margin: 0 0 10px 0;
}

#model_bottom_box img {
float:left;
}


/* Firefoxなどで背景画像が表示されないバグ対策
---------------------------------------------------- */
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
}

* html .clearfix{
height:1px;
}

.clearfix{
display:block;
}

/*----------------------------------------
	.backnumber
----------------------------------------*/

div#bn_head {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	width: 650px;
	padding-bottom: 5px;
}

div#bn_ttl {
	margin-bottom: 10px;
}

div#bn_content_name {
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FCC;
	margin-left: 5px;
	margin-right: 5px;
}

p#content_name {
	font-family: "?? ????", "MS Gothic", "Osaka???", Osaka-mono, monospace;
	font-size: 18px;
	margin-bottom: 2px;
	margin-top: -2px;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	color: #F36;
}

p#content_read {
	font-family: "?? ????", "MS Gothic", "Osaka???", Osaka-mono, monospace;
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: -2px;
	padding: 3px;
}

div#bn_to {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-left: 5px;
	margin-right: 5px;
}

p#content_title {
	font-family: "?? ????", "MS Gothic", "Osaka???", Osaka-mono, monospace;
	font-size: 15px;
	margin-bottom: 3px;
	margin-top: -2px;
	background-color: #E9E9E9;
	padding: 3px;
}

p#content_no {
	font-family: "?? ????", "MS Gothic", "Osaka???", Osaka-mono, monospace;
	font-size: 10px;
	margin-bottom: 3px;
	margin-top: -2px;
	padding-right: 3px;
	padding-left: 3px;
}