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


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

html {font-size: 62.5%;}

body {
      font-size: 14px; 
      font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ ゴシック", "Osaka‐等幅";
}
.clearfix {zoom:1;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
table,p {
	font-size: 14px; 
	color: #222;
    font-size:inherit;
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height:180%;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	font-variant: normal;
	font-style: normal;
}

li   {font-size: 12px;}

/* safari only ¥*/

h3{font:120%;
	ront-weight:bold;}
	
h4{font:110%;
	font-weight:bold;
	margin-bottom: 5px;
	letter-spacing:0.08em;color:#000;
}

a {
 color: #000000;
 text-decoration: none;
}

a:visited {
 color: #000000;
 text-decoration: none;
}

a:active {
 color: #000000;
 text-decoration: none;
	}
	
a:hover {
 color: #e14734;
 text-decoration: none;
}

div#detail {
width: 775px;
display: block;
margin:0 auto;text-align:left;
padding-bottom:40px;

}

div#area{
display: block;
	}

#up {
	margin-top:20px;
}
#up li:nth-child(odd) {
    width: 48.5%;
    float: left;
}
#up li:nth-child(even) {
	width: 48.5%;
    float: right;
}
#up > li {
	margin-bottom: 1.5%;
}

#up > li a img{
	width: 100%;
	border: 1px #CCCCCC solid;
}
#up > li a img:hover {
	border: 1px #e14734 solid;
}

/* 旧データ */
div#up img{
border: 1px #CCCCCC solid;
margin-bottom: 3%;
}

#up a img:hover {
border: 1px #e14734 solid;
}  
/* 旧データ ここまで*/

#txt {
display: block;
}

.spec{
	font-size: 12px;
	width: 90%;
	clear: both;
	line-height: 18px;
	border-top: 2px #CCCCCC dotted;
	display: block;
	padding-top: 8px;
	padding-left: 5px;
	margin-left: 30px;
	margin-bottom: 0px;
}

.spec-in{
	width: 75%;
	float: right;
	line-height: 18px;
	margin-bottom: 9px;
	display: block;
	margin-right: 10px;
}

.spec ul {
	margin: 10px 0px 0px 20px;
}

.spec li {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	list-style: circle outside;
}

.txts{margin:6%;}

.copy{font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	letter-spacing: -1px;
	font-weight:500;
	font-size:35px;
	line-height: 110%;
	margin-top: 16px !important;
}


.copy-j{font-family:'ＭＳ Ｐ明朝',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: -1px;
	font-weight:200;
	font-size:30px;
}

div#s-box{
	width:100%;
	padding-top:40px;
	border-top: 5px #f0f0f0 solid;
	padding-bottom:40px;
	}

div#images img{
margin: 20px 20px 0px 0px;
	}
	

a:hover {
	-moz-opacity:0.8;opacity:0.8;filter: alpha(opacity=80);
	}

/* 画像マウスオーバー */

ul,li{
list-style-type:none;padding:0;margin:0; }

div#rollover {
}

div#rollover p {
    float:left;
    margin:0;
}
div#rollover ul {
    float:right;
    list-style:none;
}
div#rollover li {
	margin-bottom:5px;
}
div#rollover a img {
    border:0;
}


/* 拡大画像マウスオン表示 */

#imgPreviewWithStyles {
	position:relative;
    margin-top:-330px;
	margin-left:-30px;
	z-index: 999;
	border:EEE 1px solid;
}

#imgPreviewWithStyles span {
	display: block;
	background-color:FFF;
	padding:5 0 5px 5px;}
	

#imgPreviewWithStyles2 {
	position:relative;
    margin-top:-330px;
	margin-left:-290px;
	z-index: 999;
	border:EEE 1px solid;
}

#imgPreviewWithStyles2 span {
	display: block;
	background-color:FFF;
	padding:5 0 5px 5px;}



/* 拡大画像マウスオン表示 手帳用 */

div#up-d{
padding-top:20px;
display: block;
}

div#up-d img{
}

div#up-d a img:hover {
border: 1px #e14734 solid;
}  
div#txt {
display: block;
}


#imgPreviewWithStyles3 {
	position:relative;
    margin-top:-315px;
	margin-left:-440px;
	z-index: 999;
	border:EEE 1px solid;
}

#imgPreviewWithStyles3 span {
	display: block;
	background-color:FFF;
	padding:5 0 5px 5px;}
	
/* iframe */
.iframe-content {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
}
.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 669px){

.table{margin:0 30px 50px 30px;display:block; overflow: hidden;position: relative;zoom:1;
}

.table_td {
    width: 45%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 10px;
}
.t_img, .t_img2 {
    width: 45%;
    float: left;
    margin: 20px 6px 20px 10px;
	}
	
.tbale_tr{width:100%;}

.img_c{text-align:center}
}
.two_colum img,.two_colum2 img {
		width: 210px;
}
.two_colum,.two_colum2 {
 font-weight:bold; letter-spacing:0.08em;color:#000
 }
 .two_colum dl, .two_colum2 dl {
 }
 .two_colum dl dt,.two_colum2 dl dt {
	 font-size: 14px;
  font-weight:bold;
  letter-spacing:0.08em;
  color:#000;
  margin-bottom: 2%;
  padding-top: 36px;
  line-height: 180%;
 }
 .two_colum dl dd,.two_colum2 dl dd {
	 font-size:13px;
  line-height: 180%;
 }
.two_colum li:nth-child(odd) {
	width: 45%;
	float: left;
}
.two_colum li:nth-child(even) {
	width: 55%;
	float: right;
}
.two_colum2 li:nth-child(odd) {
	width: 45%;
	float: right;
	    padding-top: 24px;
}
.two_colum2 li:nth-child(even) {
	width: 55%;
	float: left;
}
@media screen and (max-width: 599px){
	.two_colum dl dt,.two_colum2 dl dt {
	 font-size: 14px;
  font-weight:bold;
  margin-bottom: 12px;
	}
	.two_colum img,.two_colum2 img {
		width:100%;
	}
	.two_colum li:nth-child(odd) {
	width: 100%;
	float: none;
}
.two_colum li:nth-child(even) {
	width: 100%;
	float: none;
}
.two_colum2 li:nth-child(odd) {
	width: 100%;
	float: none;
}
.two_colum2 li:nth-child(even) {
	width: 100%;
	float: none;
}
}