/* CSS Document */

#top,#middle {
	font-size: 110%;
	line-height: 140%;
}


#sp #top,
#sp #middle {
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.toph2{
	vertical-align:top;
	float: left;
}

#sp .top a {
	background: url(/images/article/pr/08/mju1020/to_page_top.gif) no-repeat left 40%;
	padding: 3px 10px 3px 20px;
	line-height: 130%;
	font-size: 80%;
}

#sp .top a:link,
#sp .top a:visited {
	color: #666666;
}
#sp .top a:hover {
	color: #CC0000;
}








/* 記事トップ
------------------------------------------------ */	

#sp #top .indent{
	width: 694px;
	background: #FFFFFF;
	vertical-align: top;
	padding: 0px;
	border-right: 3px solid #869baf;
	border-left: 3px solid #869baf;
}

#sp #top .toptxt{
	color: #FFFFFF;
	width: 670px;
	margin-left: 15px;
}

#sp #top .read{
	background: url(/images/article/pr/08/mju1020/img_read_bg.jpg) no-repeat;
}

#sp #top .read p{
	font-weight: bold;
	color: #567D87;
	width: 500px;
	margin-left: 183px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#sp #top .menuBox{
	width: 676px;
	margin-left: 9px;
	margin-top: 5px;
}

#sp #top .menuBox td.bg{
	background: url(/images/article/pr/08/mju1020/toptit_bg.gif) repeat-y;
	font-size: 115%;
	line-height: 150%;
	padding: 5px 15px 7px 10px;
	vertical-align: top;
}

#sp #top .specBox {
	width: 670px;
	font-size: 105%;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: right;
	margin-top: 3px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
#sp #top .specBox th {
	background: #dde3e8;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 1px 3px;
	line-height: 140%;
	text-align: left;
	font-weight: bold;
	color: #496072;
	width: 125px;
}


#sp #top .specBox td {
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 1px 3px;
	line-height: 140%;
	text-align: left;
	background-color: #FFFFFF;
}


.tbcap{
	font-size: 70%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 3px;
	margin-left: 5px;
	}

#sp #top .specBoxtxt{
	width: 640px;
	font-size: 70%;
	line-height: 130%;
	background: #e2e4f4;
	padding: 3px 5px;
	margin-left: 3px;
	margin-bottom: 20px;
}



#sp #top .colorV{
	width: 670px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 15px;
}

#sp #top .colorV table{
	width: 670px;
	margin-top: 10px;
	margin-left: 5px;
}

#sp #top .colorV table th{
	font-size: 85%;
	font-weight: normal;
	color: #666666;
	text-align: center;
}


/* 中頁
------------------------------------------------ */	


#sp #middle p{
	margin-top: 10px;
	font-size: 115%;
	line-height: 160%;
	margin-bottom: 20px;
	color: #333333;
}

.indent3{
	background: #FFFFFF;
	width: 694px;
	margin-top: 0px;
	border-right: 3px solid #869baf;
	border-left: 3px solid #869baf;
}

#sp #middle .introP1{
	width: 676px;
	margin-top: 8px;
	margin-left: 9px;
}

#sp #middle .introTxT{
	width: 410px;
	margin-left: 260px;

}

/* チェック枠 */

#sp #middle .checkBox{
	width: 670px;
	margin-left: 11px;
}

#sp #middle ul.check3{
	width: 550px;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#sp #middle ul.check3 li{
	line-height: 170%;
	padding: 2px 0px 1px 85px;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
}
#sp #middle ul.check3 li.mk01{
	background: url(/images/article/pr/08/mju1020/check1.gif) no-repeat left center;
}
#sp #middle ul.check3 li.mk02{
	background: url(/images/article/pr/08/mju1020/check2.gif) no-repeat left center;
}
#sp #middle ul.check3 li.mk03{
	background: url(/images/article/pr/08/mju1020/check3.gif) no-repeat left center;
}

/* 本文 */

#sp #middle .box01{
	width: 676px;
	margin-left: 11px;
	padding-top: 15px;
	border-top: 1px dotted #666666;
}

#sp #middle .box02{
	width: 676px;
	margin-left: 11px;
	padding-top: 15px;
	margin-bottom: 10px;
}

#sp #middle .box03{
	width: 676px;
	margin-left: 11px;
	margin-bottom: 10px;
}

#sp #middle .zoomBox{
	margin-top: 20px;
}

h6{
	background: url(/images/article/pr/08/mju1020/point_gray.gif) no-repeat left 35%;
	padding: 2px 10px 5px 18px;
	font-size: 115%;
	font-weight: bold;
	margin-top: 10px;
	color: #464646;
}

#sp #middle .imgBoxZ .img2{
	border: 1px solid #FF9900;
}

#middle .imgBoxZ {
	text-align: center;

}
#middle .imgBoxZ table {
	margin-left: 7px;


}
#middle .imgBoxZ td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
}
#middle .imgBoxZ td.tdCaption {
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	font-weight: bold;
	color: #464646;
}

.nonBoder{
	margin-bottom: 100px;
}

#sp #middle .box02{
	width: 676px;
	margin-left: 11px;
	padding-top: 10px;
}


.txtBsmall{
	font-size: 90%;
	color: #333333;
}

.bDod{
	border-top: 1px dotted #666666;
}

.Cman{
	width: 650px;
	margin-left: 6px;
	margin-top: 15px;
	padding: 6px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 100%;
	border: 1px solid #D8D8D8;
}

.specCh{
	background: url(/images/article/pr/08/mju1020/p03_24.gif) no-repeat left 40%;
	padding: 3px 10px 3px 30px;
	line-height: 130%;
	font-size: 100%;
	width: 270px;
	font-weight: bold;
	margin-left: 360px;
	}

.m10Limg{
	float: left;
	margin: 10px 15px 3px 10px;
}
/* プロカメラマン */

.grey{
	height: 33px;
	background-color:#869BAF;
	width:100%;
	margin-bottom: 25px;
}

.white{
	background-color:#FFFFFF;
	height:33px;
	/*width:30%;*/
}
.white    a{
	font-weight: bold;
	margin-right: 15px;
	margin-left: 7px;
	text-align: center;
	font-size: 110%;
}

/* チェック枠P3 */

#sp #middle .pointP3{
	width: 400px;
}

#sp #middle ul.pP3{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #CCCCCC;
	padding-left: 8px;
}
#sp #middle ul.pP3 li{
	line-height: 150%;
	padding: 2px 0px 1px 15px;
	background: url(/images/article/pr/08/mju1020/point_yellow.gif) no-repeat left center;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
}

/* イメージボックス */


#sp #middle .imgBoxD   img,
#sp #middle .imgBoxB   img{
	border: 1px solid #FF9900;
}


#sp #middle .photoBox  a img{
	border: 1px solid #FF9900;
}

#sp #middle .boxB{
	width: 660px;
	padding-bottom: 10px;
}

#middle .flo{
	width: 660px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #e5e5e5;
	padding-bottom: 15px;
	}
	
#middle .caution{
	width: 660px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #f7f0d5;
	padding-bottom: 15px;
	}

.borderG{
	border: 1px solid #999999;
}

.phoBorder{
	border: 1px solid #FF9900;
}

.txtsmall{
	font-size: 80%;
	line-height: 120%;
	color: #666666;
}

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

#middle .imgBoxA {
	text-align: center;
	margin-top: 15px;
}
#middle .imgBoxA table {
	text-align: center;
}
#middle .imgBoxA td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
}
#middle .imgBoxA td.tdCaption {
	font-size: 90%;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	background: #e8e8e8;
	margin: 0px;
	padding: 5px;
}



#middle .imgBoxB {
	text-align: center;
	margin-top: 15px;
}
#middle .imgBoxB table {
	text-align: center;
}
#middle .imgBoxB td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
}
#middle .imgBoxB td.tdCaption {
	font-size: 90%;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	background: #e8e8e8;
	margin: 0px;
	padding: 5px;
}

#middle .imgBoxC {
	text-align: center;
	margin-top: 15px;
}
#middle .imgBoxC table {
	text-align: center;
}
#middle .imgBoxC td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
}
#middle .imgBoxC td.tdCaption {
	font-size: 90%;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	background: #e8e8e8;
	margin: 0px;
	padding: 5px;
}


#middle .imgBoxD {
	margin-top: 15px;
}
#middle .imgBoxD table {
	text-align: center;
}
#middle .imgBoxD td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px 3px;
}
#middle .imgBoxD td.tdCaption {
	text-align: left;
}
#middle .imgBoxD td .pTxt {
	text-align: left;
	background: #e8e8e8;
	font-size: 90%;
	padding: 5px 3px;
	line-height: 120%;
}

#middle .imgBoxE {
	margin-top: 15px;
}
#middle .imgBoxE table {
	text-align: center;
}
#middle .imgBoxE td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px 3px;
}
#middle .imgBoxE td.tdCaption {
	text-align: left;
}
#middle .imgBoxE td .pTxt {
	text-align: left;
	background: #e8e8e8;
	font-size: 90%;
	padding: 5px 3px;
	line-height: 120%;
}

#middle .photoBox {
	margin-top: 15px;
}
#middle .photoBox table {
	text-align: center;
}
#middle .photoBox td {
	vertical-align: bottom;
	text-align: center;
	padding: 0px 3px;
}






/* 矢印
------------------------------------------------ */	
.arrowBox{
	width: 200px;
	margin-left:455px;
	text-align: right;
	margin-top: 10px;
}

.arrowNext01 {
	font-weight: bold;
	background: url(/images/images/to_page.jpg) no-repeat left center;
	padding: 5px 5px 5px 23px;
}




/* カスタマイズ表 
------------------------------------------------ */	

#middle .tbl01 {
	width: 650px;
	font-size: 85%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #80a335;
	border-right-color: #80a335;
	margin-bottom: 10px;
	margin-left: 3px;
}
#middle .tbl01 th {
	background: #e0e1d9;
	border-bottom: 1px solid #80a335;
	border-left: 1px solid #80a335;
	padding: 1px 3px;
	line-height: 140%;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	color: #333333;
}


#middle .tbl01 td {
	border-bottom: 1px solid #80a335;
	border-left: 1px solid #80a335;
	padding: 1px 3px;
	line-height: 140%;
	text-align: left;
	background-color: #FFFFFF;
}

.tbcap{
	font-size: 70%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 3px;
	margin-left: 5px;
	}

#middle .tbltxt{
	width: 640px;
	font-size: 70%;
	line-height: 130%;
	background: #e2e4f4;
	padding: 3px 5px;
	margin-left: 3px;
	margin-bottom: 20px;
}

.comingoon{
	font-size: 130%;
	font-weight: bold;
	color: #999999;
	margin-top: 55px;
	margin-left: 210px;
}

/* スペース
------------------------------------------------ */	
.mBt10{
	margin-bottom: 10px;
}

.mBt5{
	margin-bottom: 5px;
}
.mBt60{
	margin-bottom: 60px;
}


.mR10{
	margin-right: 10px;
	}
	
.mR9{
	margin-right: 9px;
	}
	
.mbanner{
	margin-top: 15px;
	margin-bottom: 30px;
}

.mL27{
	margin-left: 27px;
}

.mL5{
	margin-left: 5px;
}

.mL6{
	margin-left: 6px;
}

.mL10{
	margin-left: 10px;
}

.mTB3{
	margin-top: 3px;
	margin-bottom: 3px;
}

.mTop50{
	margin-top: 50px;
}

.mTop30{
	margin-top: 30px;
}
.mTop5{
	margin-top:5px;}
	
.w194{
	width: 194px;
}

.mL210{
	margin-left: 210px;
}


/* ----------::下部ナビ::------ */
.bottomNavi {
	margin-top: 10px;
	width: 700px;
}

#gotop {
	float:left;
	height: 20px
}

#gotop a {
	background: url('/images/btn_rev.gif') no-repeat left;
	padding: 10px 10px 12px 15px;
	line-height: 120%;
}

#goup {
	float:right;
	height: 20px
}

#goup a {
	background: url('/images/btn_gotop.gif') no-repeat left;
	padding: 10px 10px 10px 18px;
	line-height: 120%;
}