@charset "UTF-8";

/* about */


.mainContents h3{
	font-size: 14px;
}


.mainContents p{
	line-height: 1.5;
}

.mainContents .link{
	padding: 5px 5px 4px 5px;
}

.nav li {
	margin: 0 15px 0 0;
	float:left; 
}
.nav li.nm {
	margin: 0 0 0 0;
}

.nav li a{
	width: 236px;
	text-align: center;
	padding: 5px 0;
 	border: 1px solid #ccc; 
	display: block;
}


.txt p{
	line-height: 2.0;
}

.txtR p,
.txtR h3{
	text-align: right;
	line-height: 2.0;
}

/* topNav */

ul.topNav{
	width: 1000px;
	margin: 0 0 30px 0;
}

ul.topNav li{
	width: 249px;
	border-left: 1px solid #ccc;
	float: left;
}
ul.topNav li.last{
	width: 248px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
}
ul.topNav li a{
	width: 239px;
	margin: 0 auto;
	display: block;
}


/*contents*/

.colL{
	width:800px;
	margin: 0 0px 0 0;
	float: left;
}
.colR{
	width:200px;
	float: left;
}

.mdlL{
	width: 600px;
	float: left;
}
.mdlR{
	width: 200px;
	float: left;
}


.ttlBox1{
	width:600px;
	margin: 0 0 5px 0;
	position:relative;
}

.ttlBox1 .link{
	padding: 6px 10px;
 	border: 1px solid #ccc; 
	display: block;
	float: right;
	position:absolute;
	top:0px;
	right: 0px;
}

.ttlBox2{
	width:200px;
	margin: 0 0 5px 0;
	position:relative;
}

.ttlBox{
	width:800px;
	margin: 0 0 5px 0;
	position:relative;
}

.ttlBox .link{
	padding: 6px 10px;
 	border: 1px solid #ccc; 
	display: block;
	float: right;
	position:absolute;
	top:0px;
	right: 0px;
}

/* staff */
.staff{
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 40px;
	margin-left: 0;
}

.staff li{
 	margin: 0 0 50px 0; 
}
.staff li a{
	display: block;
}
.staff li img{
	margin: 0 30px 0 0;
	float: left;
}
.staff li p{
	width: 390px;/*420*/
	float: left;
}
.staff li .title{
	color: #666;
	font-size: 13px;
	padding: 9px 0 8px 0;
}
.staff li .name{
	font-size: 16px;
	padding: 0 0 3px 0;
}
.staff li .en{
	font-size: 10px;
	color: #666;
	padding: 0 0 20px 0;
}
.staff li .txt{
	font-size: 12px;
	line-height: 1.4;
}

.staff li,
.staff li a{
zoom:1;
overflow:hidden;
}
.staff li:after,
.staff li a:after{
content: ""; 
display: block; 
clear: both;
}

.staff a.more{
	text-align: center;
	padding: 10px 0;
 	border: 1px solid #ccc;
 	display: block;
}
.staff a.close{
	text-align: center;
	padding: 10px 0;
 	border: 1px solid #ccc;
 	display: block;
}


div.box { /* 大親ボックス */
width: 750px;
height: 254px;
background-color: #ffffff;
clear: both;
}


div.boxwrapper1 { /* 親ボックス1 */
width: 176px;
height: *;
background-color: #ffffff;
margin: 0px 10px 10px 0px;
float: left;
border-width: 1px;
border-color: #c0c0c0;
border-style: solid;
}

div.boxwrapper2 { /* 親ボックス2 */
width: 176px;
height: *;
background-color: #ffffff;
margin: 0px 10px 10px 0px;
float: left;
border-width: 1px;
border-color: #c0c0c0;
border-style: solid;
}

div.boxwrapper3 { /* 親ボックス3 */
width: 176px;
height: *;
background-color: #ffffff;
margin: 0px 10px 10px 0px;
float: left;
border-width: 1px;
border-color: #c0c0c0;
border-style: solid;
}

div.boxwrapper4 { /* 親ボックス4 */
width: 176px;
height: *;
background-color: #ffffff;
margin: 0px 0px 10px 0px;
float: left;
border-width: 1px;
border-color: #c0c0c0;
border-style: solid;
}


div.boxphoto { /* ボックス写真 */
width: 168px;
height: 128px;
background-color: #ffffff;
margin: 4px 4px 0px 4px;
font-size:11px;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} 

div.boxtitle { /* ボックスタイトル */
width: 168px;
height: 30px;
background-color: #ffffff;
padding: 4px; 
font-size:12px;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

div.boxprice { /* ボックス値段 */
width: 168px;
height: 34px;
background-color: #ffffff;
font-size:11px;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #777777;
padding: 4px; 
border-width: 1px 0px 1px 0px;
border-color: #cccccc;
border-style: dotted;
}

div.boxexplain { /* ボックス説明 */
width: 168px;
height: 57px;
background-color: #ffffff;
padding: 4px;
font-size:10px;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: left;
}

#error {
    color: #CC0000;
    margin-bottom: 30px;
}
#dispNo {
    display: none;
}

.examplephoto{
width: 770px;
}
.examplephoto th:first-child {
	width: 182px;
	height: 137px;
	padding-left: 0px;
	padding-right: 7px;
	text-align: center;
	vertical-align: top;
}

.examplephoto th {
width: 182px;
height: 137px;
padding: 7px;
text-align: center;
vertical-align: top;
}

.examplephoto th:last-child {
width: 182px;
height: 137px;
padding-left: 7px;
text-align: center;
vertical-align: top;
}

.examplephotobox{
width: 770px;
background-color:#3d423f;
color:#c0bcb9;
padding:30px;
}