/*index.html用CSS*/
html{
	font-size: 62.5%;
	font-size: 10px\9;
	*font-size: 12px;
}
body{
	min-width:980px;
	/* IE用最少幅*/
	width:expression(document.body.clientWidth >　980? "980px" : "auto");
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem;
	font-size: 16px\9;
	*font-size: 16px;
	line-height:1.5;
	color: #333333;
	/*background-color: #F4F4F4;*/
	background-image:url(../../img/background.jpg);
	background-position: left center;
	background-repeat: repeat;
}
/* IE6用ハック */
* html body{
	text-align: center;
}

a{
	text-decoration:none;
	color: #666666;
}
a:hover{
	text-decoration:underline;
}

/* ヘッダー用CSS　*/
#header{
	display:block;
	background-image: url(../img/headerback.jpg);
	background-repeat: repeat-x;
	height: 42px;
}

/* ヘッダー幅調整CSS */
#headerwrapper{
	display: block;
	width: 980px;
	min-width:980px;
	margin-left: auto;
	margin-right: auto;
}
#headermenu{
	width:980px;
	height: 30px;
}
#headermenu ul{
	list-style-type:none;
}
* html #headermenu ul{
	list-style-type:none;
}

/* メニュー文字列　PC用表示 */
#headermenu li{
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 1.4rem;
	font-size: 14px\9;
	*font-size: 14px;
	display: block;
	float: right;
	line-height: 30px;
}
#headermenu a{
	display: block;
	float: right;
}
#headermenu a:hover{
	opacity: 0.5;  
    filter: alpha(opacity=50);  
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;	
}


/* メニュー文字列　PC用表示 　end*/

#logo{
	float: left;
}


/* コンテンツ用CSS */
#contents{
	display: block;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}
/* IE6用ハック */
* html #contents{
	text-align: left;
}
/* コンテンツ内メインコンテンツ */
#contentsbox{
	padding-bottom:20px;
	height:100%;
}


#mainmenu li{
	width:205px;
	height:51px;
	line-height:100px;
	text-align:center;
	border-bottom:dotted thin #999999; 
}

#mainmenu a.menu{
	display: block;
	width:205px;
	height:51px; /*51px*/
	overflow: hidden;
	text-decoration:none;
}
#menu1{
	background-position:top center;
	text-indent:-9999px;
	background-image: url(../img/menu01.gif);
}
#menu2{
	background-position:top center;
	text-indent:-9999px;
	background-image: url(../img/menu02.gif);
}
#menu3{
	background-position:top center;
	text-indent:-9999px;
	background-image: url(../img/menu03.gif);
}
#menu4{
	background-position:top center;
	text-indent:-9999px;
	background-image: url(../img/menu04.gif);
}

#mainmenu a.menu:hover{
	background-position:bottom center;
	color: #9ACA48;
	text-decoration:none;
}

#yokomenu li{
	margin-top:5px;
	width:243px;
	height:30px;
	line-height:30px;
	float: left;
	text-align:center;
	border-right:dotted thin #999999; 
}

#yokomenu a.menuy{
	display: block;
	width:243px;
	height:30px;
	overflow: hidden;
}

#menuy1{
	text-indent:-9999px;
	background-position:top center;
	background-image: url(../img/menuy01.gif);
}
#menuy1on{
	text-indent:-9999px;
	background-position:bottom center;
	background-image: url(../img/menuy01.gif);
}

#menuy2{
	text-indent:-9999px;
	background-position:top center;
	background-image: url(../img/menuy02.gif);
}
#menuy2on{
	text-indent:-9999px;
	background-position:bottom center;
	background-image: url(../img/menuy02.gif);
}

#menuy3{
	text-indent:-9999px;
	background-position:top center;
	background-image: url(../img/menuy03.gif);
}
#menuy3on{
	text-indent:-9999px;
	background-position:bottom center;
	background-image: url(../img/menuy03.gif);
}

#menuy4{
	text-indent:-9999px;
	background-position:top center;
	background-image: url(../img/menuy04.gif);
}
#menuy4on{
	text-indent:-9999px;
	background-position:bottom center;
	background-image: url(../img/menuy04.gif);
}

#yokomenu a.menuy:hover{
	background-position:bottom center;
	color: #66CCFF;
	text-decoration:none;
}


/* メインイメージ＆メニュー */
#mainimg{
	width: 757px;
	float: left;
}
#mainimg img{
	margin:0px;
	padding: 0px;
}
#mainmenu{
	width: 205px;
	float: right;
}

#maincontents{
	padding-top: 20px;
}
#maincontents h3{
	width: 220px;
	line-height:40px;
	text-align:center;
	color:#3E161D;
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#maincontents h4{
	margin-bottom:10px;
	padding-left:10px;
	line-height:30px;
	background-image: url(../img/footerback.jpg);
	background-repeat:repeat;
	border-left:solid 10px #66CCFF; 
	border-bottom:solid 2px #66CCFF; 
	text-align:left;
	color:#ffffff;
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#maincontents h5{
	margin-bottom:10px;
	padding-left:10px;
	line-height:30px;
	border-left:solid 10px #66CCFF;
	border-bottom:solid 2px #66CCFF;
	text-align:left;
	color:#3E161D;
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.block2 h4{
	margin-top:15px;
	margin-left:15px;
	width:460px;
}

.block3 p{
	padding-left:10px;
	margin-bottom: 10px;
}


/*ブロッククラス*/
.block2{
	width: 490px;
	float: left;
}
.block2 a:hover{
	opacity: 0.5;  
    filter: alpha(opacity=50);  
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;	
}
.block4{
	width: 220px;
	padding-right:10px;
	margin-bottom:20px;
	float: left;
}
.block4 p{
	font-size: 1.4rem;
	font-size: 14px\9;
	*font-size: 14px;
	line-height:1.5;	
}
.block4 a:hover,
.block3 a:hover
{
	opacity: 0.5;  
    filter: alpha(opacity=50);  
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;	
}

.block3{
	width: 740px;
	padding-right:10px;
	float: left;
}

/* コンテンツ内フッター */
#contentsfooter{
	clear:all;
	margin-top:10px;
	padding-top:20px;
	border-top: solid thin #aaaaaa;
}
/* フッターナビゲーション */
#footernavi{
	padding-top:20px;
}

#sitemapnavi{
	height:250px;
}
#footernavibox1{
	width: 228px;
	float: left;
}
.footernavibox2{
	margin-left:20px;
	width: 168px;
	float: left;
	font-size: 1.2rem;
	font-size: 12px\9;
	*font-size: 14px;
}
.footernavibox2 li{
	margin-left:20px;
	list-style: disc;
}
.footernavibox2 ul{
	margin-bottom:5px;
}

.footernavibox2 a{
	color: #26020F;
}
.bannermargin{
	margin-top:88px;
}

/*　フッター用CSS　*/
#footer{
	margin-top:40px;
	display:block;
	height:56px;
	background-image: url(../img/footerback.jpg);
	background-repeat: repeat-x;
	padding-top:10px;
	text-align:center;
}
#footer small{
	color: #ffffff;
	font-size: 1.0rem;
	font-size: 10px\9;
	*font-size: 12px;
	font-style: italic;
}

/*先頭へ戻る*/
.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 55px;
}
.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
 background-color: #333;
 text-align: center;
 color: #fff;
 font-size: 24px;
 text-decoration: none;
 line-height: 50px;
}

/*画像配置共通CSS*/
.imgright{
	float: right;
	_position:relative;	
	_top:0px;
}


p.textright{
	color: #66CCFF;
	font-weight:bold;
	margin-top:20px;
	text-align:right;
}

/*ハナの部屋*/
/*プロフィール*/
.hanabox {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #D3EDFB  ;
	box-sizing: border-box;
	border-radius: 20px;
}
.hanabox:before{
	content: "";
	position: absolute;
	top: 40%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}
.hanabox:after{
	content: "";
	position: absolute;
	top: 40%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #D3EDFB  ;
	z-index: 1;
}
.hanabox p {
	padding: 25px 50px;
    	margin: 0;
    	width: 330px;
    	text-align: left;
    	letter-spacing: 3px;
    	line-height: 25px;
	
}
/*タイトル*/ 
/*h1 {
	color: #6594e0;/*文字色
	border-bottom: dashed 2px #6594e0;
	
	width: 250px;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 3px;
}*/