@charset "utf-8";

/*--------------------------------------
  TOP INDEX
---------------------------------------*/
#magokoro div.mainContents h3 {}


#magokoro div.mainContents .section div{

}

#magokoro div.mainContents .section ul.clearfix{
	position:relative;
	width:510px;
}

#magokoro div.mainContents .section li{
	margin:0 30px 0 0;
	float:left;
	padding:3px 0 3px 12px;
	background: url(../../common/image/subMenuArrow.gif) no-repeat 0 .5em;
	white-space:nowrap;
	display:inline;
}
body#magokoro div.mainContents .section h3{
	padding:6px 0 5px 18px;
	margin:15px 0 10px;	
	background:#996633 url(../img/pegeTitleLine_in.gif) no-repeat 6px 50% ;
	border: none;
	color: #fff;
	font-weight: bold;
	line-height:1.2;
}


#magokoro div.mainContents div.show{ border:3px solid #ccc; margin:0 0 10px 0; padding:10px 30px; }
#magokoro div.mainContents div.photo_r{ width:122px; margin:5px 5px 5px 5px;float:left; }
#magokoro div.mainContents div.text_l{ width:470px; border-top:1px solid #dcdcdc; margin:5px 0 0 2px; }
#magokoro div.mainContents div.text_l p.s_title{ font-weight:bold; color:#663300; border-bottom:1px solid #ccc; padding-bottom:3px; }
#magokoro div.mainContents p.s_caption{ padding-top:5px; }
#magokoro div.mainContents p.s_detail{ margin:5px 15px 10px auto; padding:5px 0 0 0; text-align:right; }
.c_fix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.c_fix {
  min-height: 1px;
}

* html .c_fix{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------------------------
  COMMON INDEX
---------------------------------------*/
body.mwork div.mainContents .pageNavi{
	width:540px;
	margin:0 0 30px;
}
body.mwork div.mainContents .pageNavi h3{
	border-bottom:solid 2px #EA2F88;
	padding:0 0 3px 10px;
	margin:0 0 10px;
}

body.mwork div.mainContents .pageNavi ul.clearfix{
	position:relative;
	width:510px;
	margin:0 0 0 15px;
}

body.mwork div.mainContents .pageNavi li{
	float:left;
	margin:0 30px 0 0;
	background: url(../../common/image/subMenuArrow.gif) no-repeat 0 .3em;
	padding:0 0 0 12px;
	white-space:nowrap;
	display:inline;
}

body.mwork div.mainContents .section p.detail{
	margin:0 0 10px;
	padding:0;
	position:relative;
}

body.mwork div.mainContents .section p.detail img{
	position:absolute;
	left: 428px;
	top: -32px;
}

body.mwork div.mainContents dd p.name{
	position:absolute;
	left: 415px;
	top: -24px;
	text-align:right;
	margin:0;
	padding:0;
	font-size:90%;
	white-space:nowrap;
	width: 83px;
	height: 16px;
}
body.mwork div.mainContents h4{
	padding:0 0 0 5px;
	margin:0 0 8px 5px;
	background:none;
	border:none;
	color:#333;
	font-size:100%;
	font-weight:bold;
}

body.mwork div.mainContents h5{
	padding:0 0 0 5px;
	margin:0 0 2px 5px;
	background:none;
	border:none;
	color:#666;
	font-size:95%;
}

body.mwork div.mainContents dt{
	font-size:100%;
	font-weight:bold;
	border:none;
	padding:0 0 2px;
	margin:0 0 2px;
}

body.mwork div.mainContents .section{
	padding:7px 0;
	margin:0 0 0;
	width:540px;
}

body.mwork div.mainContents .section dl{
	border:solid 1px #BBBBBB;
	padding:2px 4px 4px 4px;
	margin:0 5px 5px;
}
body.mwork div.mainContents .section div{
	margin:0 5px;
	padding:5px 0 5px;
	background:#fff;
	width:530px;
}
body.mwork div.mainContents dt{
	background:url(../img/tit_line.gif) repeat-x left bottom;
}
body.mwork div.mainContents dd{
	position:relative;
}
body.mwork div.mainContents .section ul{
	position:relative;
	width:400px;
}
body.mwork div.mainContents .section li{
	margin:0 20px 0 0;
	float:left;
	padding:3px 0 3px 13px;
	line-height:1.2;
}

body.mwork div.mainContents p.pageTops {
	margin:0 5px 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
}

body.mwork div.mainContents p.pageTops a{
	padding-left: 15px;
	background: url(../../common/image/pageTopArrow.gif) no-repeat left .6em;
}

/* Detail */

body.mwork div#secDetail .clearfix{
	width:540px;
	position:relative;

}

body.mwork div#secDetail .left{
	float:left;
	margin:0 15px 10px 0;
}

body.mwork div#secDetail .right{
	float:right;
	margin:0 0 10px 15px;
}

body.mwork div#secDetail p{
	margin:0 0 1.5em 10px;
}
body.mwork div#secDetail h3{
	padding:6px 0 5px 18px;
	margin:15px 0 10px;	
	background:#996633 url(../img/pegeTitleLine_in.gif) no-repeat 6px 50% ;
	border: none;
	color: #fff;
	font-weight: bold;
	line-height:1.2;
}

div.toarea{
	margin:0 0 35px;
	padding:0 0 7px; 
	border-left:6px solid #996633;
	border-right:1px solid #996633;
	border-top:1px solid #996633;
	border-bottom:1px solid #996633;
}

div.toarea h3,div.toarea h3.tonone{
	border:none;
	background:none;
	margin:0; color: #663300;
	padding:17px 0 10px 17px;
}

div.toarea table{
	width:500px;
	margin:0 0 0 15px;
}

div.toarea th{
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	padding:5px 10px;
	width:20%;
}
div.toarea td{
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	padding:5px 10px;
	background:#EFEFEF;
}
div.toarea p{ padding:0 15px; }
div.toarea p.name{
	font-weight:bold;
	background:url(../img/tit_line.gif) repeat-x left bottom;
}
body.mwork h2.top_title{ background:#C99663; border:1px solid #FBE3EC; color:#663300; padding:10px; margin:0 auto 10px;
                         text-align:center; line-height:1.2; }
body.mwork ul.toarea_ul{ margin:0 0 0 33px; }
body.mwork ul.toarea_ul li{ list-style:disc; }

body.mwork table.m_table{ background:#fff; border-collapse:collapse; padding:0px; margin:2px 0 18px 8px; clear:both; }
body.mwork table.m_table td{ border: 1px solid #999; padding:3px; } 


body.mwork ul.main_c{ margin:0 0 0 33px; padding:0; }
body.mwork ul.main_c li{ list-style:square; }

body.mwork div.page_section{ padding:2px 0 13px; border-top:dotted 1px #dcdcdc; margin-top:10px; }

/* or */
div.attention{ border-top:1px solid #dcdcdc; margin:10px 0 0 0; padding-top:5px; }
p.top10{ margin-top:10px; }

span.at_caption_sp{ color:#666; }
p.at_caption{ color:#666; }