@charset "utf-8";


body {
margin:0px;
padding:0px;
background:#FFF;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
color:#666;
}

div {
margin:0;
padding:0;
}

img {
border:none;
vertical-align:bottom;
}

/* Links */
a {
	color: #666;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	color:#22568b;
	text-decoration:none;
}


div.page p a {
	color: #9c8b00;
}

div.page p a:focus,
div.page p a:active,
div.page p a:hover {
	color:#9c8b00;
	text-decoration: underline;
}


/* clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {
	height:1%
}
.clearfix {
	display: block;
}

/* design */
body#design div#wrap {
	width:972px;
	margin:37px auto;
}

body#design div.header {
	width:912px;
	margin:0 auto;
}

body#design #site-title {
	width:90px;
	float:left;
	margin-right:0;
	padding:0;
}

body#design #site-title img{
	margin-top:-21px;
}

body#design #navi {
	float:right;
	margin:20px 0 0 0;
	padding:0;
}

body#design #submenu {
	clear:both;
	width:640px;
	margin-left:342px;
	margin-bottom:55px;
	margin-top:21px;
}

body#design #submenu ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1;
}

/* jcarousel off の時用*/
body#design #submenu ul li{
	float:left;
	margin-right:30px;
}
/* jcarousel off の時用ここまで*/

body#design #submenu ul li img{
	margin-bottom:5px;
	border:1px #f2f2f2 solid;
	filter: alpha(style=0,opacity=30);
 opacity: 0.3;
}

body#design #submenu ul li.active img{
	border-color: #CCC;
	filter: alpha(style=0,opacity=100);
 opacity: 1;
}

body#design #submenu ul li a{
	color:#CCC;
}

body#design #submenu ul li a:hover{
	color:#22568b;
}

body#design #submenu ul li.active a{
	color:#666;
}

body#design #submenu ul li a img:hover{
 filter: alpha(style=0,opacity=100);
 opacity: 1;
	border:1px #CCC solid;
}

body#design div.sp{
	height:106px;
}

body#design .contentsmask{
clear:both;
position:relative;
width:912px;
margin-left:30px;
height:440px;
overflow:hidden;
}

body#design #contents{
position:absolute;
}

body#design #contents div.page{
width:912px;
height:400px;
float:left;
}

body#design div#contents div.txt{
	float:left;
	width:290px;
	padding-left:1px;
}

body#design div#contents div.ph{
	float:right;
}

body#design div#contents div.txt h1 {
	color:#22568b;
	font-size:16px;
	margin:0;
	padding:0;
}

body#design div#contents div.txt p {
	font-size:13px;
	line-height:2;
}

body#design div#contents div.txt p.eng{
	font-size:11px;
	line-height:1.2;
	padding-top:1.5em;
}


body#design .snavi{
	clear:both;
	width:610px;
	margin-left:342px;
}

body#design .snavi span{
display:block;
float:left;
width:44px;
height:29px;
padding:0;
cursor:pointer;
margin-right:9px;
border:1px #f2f2f2 solid;
}

body#design .snavi span.active{
	border-color: #CCC;
}

body#design .snavi span:hover{
 filter: alpha(style=0,opacity=70);
 border-color: #CCC;
}

body#design .snavi span img:hover{
 filter: alpha(style=0,opacity=70);
 opacity: 0.7;
}


/* yamamomo */
body#yamamomo div#wrap {
	width:912px;
	margin:37px auto;
}


body#yamamomo #site-title {
	width:90px;
	float:left;
	margin-right:0;
	padding:0;
}

body#yamamomo #site-title img{
	margin-top:-21px;
}

body#yamamomo #navi {
	float:right;
	margin:20px 0 0 0;
	padding:0;
}

body#yamamomo .snavi{
	clear:both;
	width:610px;
	margin:0;
	padding-top:59px;
}

body#yamamomo .snavi span{
display:block;
float:left;
width:44px;
height:29px;
padding:0;
cursor:pointer;
margin-right:9px;
border:1px #f2f2f2 solid;
}

body#yamamomo .snavi span.active{
	border-color: #CCC;
}

body#yamamomo .snavi span:hover{
 filter: alpha(style=0,opacity=70);
 border-color: #CCC;
}

body#yamamomo .snavi span img:hover{
 filter: alpha(style=0,opacity=70);
 opacity: 0.7;
}

body#yamamomo div#contents {
	clear:both;
	margin-top:50px;
}

body#yamamomo div#contents div.txt{
	float:left;
	width:280px;
}

body#yamamomo div#contents div.ph{
	float:right;
}

body#yamamomo div#contents div.txt h1 {
	color:#22568b;
	font-size:16px;
	margin:0;
	padding:0;
}


body#yamamomo div#contents div.txt h3 {
	font-size:14px;
}

body#yamamomo div#contents div.txt p {
	font-size:13px;
	line-height:2;
}

body#yamamomo div#contents div.txt p.mrk img{
	margin-right:7px;
	vertical-align:bottom;
}

body#yamamomo div#contents div.txt p.cop {
	font-size:12px;
	line-height:1.3;
	color:#999;
}