@charset "UTF-8";
/* CSS Document */
*
{
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

li
{
	list-style:none;
}

th,td
{
	padding:5px;
}
/* リンク
------------------------------*/
a { color: #4D382A; }

a:visited { color: #33251c; }

a:hover { color: #7f5c46; }

a img {
	border:0px solid #fff;
	text-decoration: none;
}

/* ボディ
------------------------------*/
body {
	line-height: 18px;
	font-size: 75%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-repeat:repeat-x;
	background-position:left top;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
div
{
	margin:0;
	padding:0;
}
/* 画像
------------------------------*/
img
{
	border: none;
	vertical-align: middle;
}

/* フォント
------------------------------*/
#net2 h4
{
	background-image:url(../../img/h4_bg.jpg);
	width:220px;
	text-align:center;
	
}
#net2 h3
{
	background-image:url(../../img/h3_bg.jpg);
	width:513px;
	padding-left:20px;
}
#net2 h4,#net2 h3
{
	background-repeat:no-repeat;
	background-position:left top;
	color:#FFFFFF;
	font-size:120%;
	padding-top:5px;
	height:22px;
}
#net2 h5
{
	background-image:url(../../img/h5_bg.png);
	width:198px;
	height:20px;
	text-align:center;
	color:#E9796C;
	padding-top:4px;
	margin-bottom:5px;
	margin-top:20px;
}
#net2 h5#whereGet
{
	margin-top:0;
}

/* クラス
------------------------------*/
.inner1000
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.inner1000_f
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height: 117px;
	background: url(../../img/footer.gif) no-repeat;
}
.LR_d_bottom
{
	background-image:url(../../img/border220_b.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:10px;
	width:220px;
}
.center_d_center
{
	background-image:url(../../img/border533.jpg);
	background-repeat:repeat-y;
	width:533px;
}
.LR_d_center
{
	background-image:url(../../img/border220.jpg);
	background-repeat:repeat-y;
	padding-top: 10px;
}
.center_d_bottom
{
	background-image:url(../../img/border533_b.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:10px;
	width:533px;
	margin-bottom:15px;
}
input.input300
{
	width:300px;
}
input.input100
{
	width:100px;
}
.input500
{
	width:500px;
}
.over2input input
{
	margin-top:5px;
}
.over2input select
{
	margin-top:5px;
}
strong.red
{
	color:#FF0000;
	font-weight:normal;
	padding-left:10px;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac¥*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

/* テーブル
------------------------------*/
table
{
	font-size:1.0em;
	border-spacing:0;
	border-collapse: collapse;
}

#notice table
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
#notice th,td
{
	padding:15px 5px;
	margin:0;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:left;
}
#notice th
{
	padding-left:20px;
	background-color:#E8E8E8;
	width:200px;
}
#notice td
{
	width:350px;
	
}
#table2 table
{
	width:550px;
}
#table2 table th
{
	background-color:#fff;
	width:530px;
	border-bottom:none;
	padding-bottom:0;
}
#table2 table td
{
	padding-left:20px;
}
/*ラッパー
------------------------------*/
#wrapper1
{
	float:left;
	width:766px;
	margin-top: 20px;
}
/* ヘッター
------------------------------*/
#header
{
	width:100%;
	background: #CC9900 url(../../img/header_bg.gif) repeat-x;
	height: 117px;
}
/* 左
------------------------------*/
#left
{
	width:220px;
	float:left;
}

#left #newest a
{
	display:block;
	width:201px;
	height:123px;
	background-image:url(../../img/newest_img.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:9px;
}
#left #newest a:hover,#left #newest a:active
{
	background-position:right top;
}
#left #left_banner li
{
	margin-top:5px;
}
#left_banner a:hover img
{ 
	filter: alpha(opacity=60);
	opacity:0.6;
	background: #fff;
}
#topic
{
	padding-top:20px;
}
#topic dt
{
	text-align:left;
	background-image:url(../../img/topic_bg.jpg);
	width:512px;
	margin-left:auto;
	margin-right:auto;
	color:#4D382A;
}
#topic .topic_title
{
	position:relative;
	top:-18px;
	left:85px;
	height:0;
	width:427px;
	color:#4D382A;
	
}
#topic .topic_text
{
	margin-left:85px;
	color:#7E5A44;
	padding-bottom:10px;
}
#spotNavi ul
{
	width:350px;
	height:84px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
#spotNavi li
{
	float:left;
	width:60px;
	height:84px;
	padding:0 5px;
	background-color:#FFF;
}
#spotNavi a:hover img
{
	filter: alpha(opacity=60);
	opacity:0.6;
	background: #fff;
}
#spotText li
{
	background-image:url(../../img/spot_border.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:3px;
}
#spotText ul
{
	width:516px;
	margin-left:auto;
	margin-right:auto;
}

#family_img
{
	padding:20px 0;
}
#family_img ul
{
	width:497px;
	margin-left:auto;
	margin-right:auto;
	height:155px;
}
#family_img li
{
	float:left;
}
#family_img a:hover img
{
	filter: alpha(opacity=60);
	opacity:0.6;
	background: #fff;
}

#family_menu .menu_img
{
	float:left;
	height:50px;
	width:75px;
	padding-bottom:10px;
}
#family_menu
{
	width:513px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}
#family_menu .menu_text h6
{
	background-image:url(../../img/family_menu.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:418px;
	height:22px;
	padding-left:20px;
	color:#4C382A;
	float:right;
}
#family_menu .menu_text p
{
	text-align:right;
	color:#4C382A;
}
.box
{
	clear:both;
	margin-bottom:20px;
}
#bigUp
{
	padding-bottom:40px;
}
#bigUp .box
{
	width:492px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}

#bigUp .big_img
{
	float:left;
}
#bigUp h6
{
	background-image:url(../../img/big_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:402px;
	height:22px;
	padding-left:20px;
	float:right;
	color:#4C382A;
}
#bigUp p.bigUp_text
{
	text-align:left;
	color:#4C382A;
	width:402px;
	float:right;
}


#bigUp p.bigup_button
{
	text-indent:-9999px;
	float: right;
}
#bigUp .bigup_button a
{
	display:block;
	background-image:url(../../img/button1.jpg);
	width:92px;
	height:24px;
}
#bigUp .bigup_button a:hover,#bigUp .bigup_button a:active
{
	background-position:right top;
}
/* 中央
------------------------------*/
#center
{
	width:533px;
	float:right;
}
.content
{
	width:1000px;
	margin:15px auto;
	border:#CCCCCC 1px solid;
}
.centerImg
{
	margin-bottom:15px;
}
.centerImg5
{
	margin-bottom:5px;
}
#notice_t
{
	margin:15px;
	margin-bottom:0;
	padding:15px;
	padding-bottom:0;
}
/* 右
------------------------------*/
#right
{
	width:220px;
	float:right;
	margin-top: 20px;
}
#right_top
{
	padding-top:5px;
}
#color
{
	background-color:#FAF5C7;
	width:199px;
	padding:5px;
	margin-left:5px;
}
#right #request
{
	background-color:#FFFFFF;
	color:#E9796C;
	width:196px;
	margin-left:3px;
	margin-top:10px;
}
#area_couleur
{
	margin-top:15px;
	margin-bottom:10px;
}
#area_list li
{
	text-indent:-9999px;
}
#area_list a{
	display:block;
	height:70px;
	width:220px;
	background-image:url(../../img/area_list.jpg);
	background-repeat:no-repeat;
}
#area_list .list01 a{ background-position:left top;}
#area_list .list02 a{ background-position:left -70px;}
#area_list .list03 a{ background-position:left -140px;}
#area_list .list04 a{ background-position:left -210px;}
#area_list .list05 a{ background-position:left -280px;}
#area_list .list06 a{ background-position:left -350px;}
#area_list .list07 a{ background-position:left -420px;}
#area_list .list08 a{ background-position:left -490px;}
#area_list .list09 a{ background-position:left -560px;}
#area_list .list10 a{ background-position:left -630px;}
#area_list .list11 a{ background-position:left -700px;}
#area_list .list12 a{ background-position:left -770px;}
#area_list .list13 a{ background-position:left -840px;}
#area_list .list14 a{ background-position:left -910px;}
#area_list .list15 a{ background-position:left -980px;}

#area_list .list01 a:hover,#area_list .list01 a:active{ background-position:right top;}
#area_list .list02 a:hover,#area_list .list02 a:active{ background-position:right -70px;}
#area_list .list03 a:hover,#area_list .list03 a:active{ background-position:right -140px;}
#area_list .list04 a:hover,#area_list .list04 a:active{ background-position:right -210px;}
#area_list .list05 a:hover,#area_list .list05 a:active{ background-position:right -280px;}
#area_list .list06 a:hover,#area_list .list06 a:active{ background-position:right -350px;}
#area_list .list07 a:hover,#area_list .list07 a:active{ background-position:right -420px;}
#area_list .list08 a:hover,#area_list .list08 a:active{ background-position:right -490px;}
#area_list .list09 a:hover,#area_list .list09 a:active{ background-position:right -560px;}
#area_list .list10 a:hover,#area_list .list10 a:active{ background-position:right -630px;}
#area_list .list11 a:hover,#area_list .list11 a:active{ background-position:right -700px;}
#area_list .list12 a:hover,#area_list .list12 a:active{ background-position:right -770px;}
#area_list .list13 a:hover,#area_list .list13 a:active{ background-position:right -840px;}
#area_list .list14 a:hover,#area_list .list14 a:active{ background-position:right -910px;}
#area_list .list15 a:hover,#area_list .list14 a:active{ background-position:right -980px;}
/* フッター
------------------------------*/
#footer
{
	width:100%;
	background: url(../../img/footer_bg.gif) repeat-x;
	height: 117px;
	float: left;
}
#footer ul
{
	float: right;
	padding-top: 90px;
}
#footer li
{
	display: inline;
	padding-left: 15px;
}
#footer p
{
	float: left;
	width: 1000px;
	margin-top: 10px;
	text-align: right;
}

/* 会員登録
------------------------------*/
#notice h2
{
	margin-bottom:15px;
}
.area470
{
	width:95%;
	font-size:1.1em;
}
#agree_which
{
	width:100%;
	text-align:center;
	margin:0;
	padding-top:15px;
	height:30px;
}
#agree_which a.b_noagree
{
	background-image:url(../../notice/img/b_noagree_on.gif);
	height:30px;
	width:180px;
	display:inline-block;
	overflow:hidden;
}
#agree_which a.b_noagree:hover img
{
	display:none;
	height:0;
}
#agree_which a.b_agree
{
	background-image:url(../../notice/img/b_agree_on.gif);
	height:30px;
	width:180px;
	display:inline-block;
	overflow:hidden;
}
#agree_which a.b_agree:hover img
{
	display:none;
	height:0;
}
.a_goTop
{
	background-image:url(../../notice/img/back_on.jpg);
	height:50px;
	width:1000px;
	display:inline-block;
	overflow:hidden;
	margin-bottom:15px;
}
.a_goTop:hover img
{
	display:none;
	height:0;
}
#notice div#notice2
{
	background-image:url(../../notice/img/agree_bg1.png);
}
#notice div#notice3
{
	background-image:url(../../notice/img/agree_bg2.gif);
}
#notice div.agree
{
	width:95%;
	padding-left:-100%;
	margin-right:5%;
	background-position:right top;
	background-repeat:no-repeat;
}
#notice h5
{
	font-size:1.2em;
	border-left:#999999 10px solid;
	padding-left:10px;
	line-height:2em;
	margin:15px 0 10px 0;
}
#notice #no_main
{
	margin-left:30px;
}
#col1
{
	padding-left:30px;
}


.login
{
	padding:0 30px;
	padding-top:10px;
}
.login .logBox
{
	border:5px solid #CCC;
	padding:15px;
	width:600px;
	margin:10px auto 15px auto;
}
.login .marigin_l
{
	width:500px;
	margin:0 auto;
}

.inputbox
{
	background-color:#F0F0F0;
	padding:15px;
	margin-top:20px;
}
.center_im
{
	text-align:center;
	margin:20px auto;
	width:140px;
}
#sp
{
	width:130px;
}
.center_im a
{
	display:block;
	height:30px;
	width:140px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.center_im a:focus
{
	outline:none;
}
.center_im a b_login
{
	width:140px;
}
#member h4
{
	margin-bottom:20px;
	text-align:center;
}

.center_im a.b_login
{
	background-image:url(../../member/img/b_login.gif);
}
.center_im a.goRegistration
{
	width:130px;
	background-image:url(../../member/img/b_gotoentry.gif);
}
.center_im a.b_login:hover
{
	background-image:url(../../member/img/b_login_on.gif);
}
.center_im a.goRegistration:hover
{
	background-image:url(../../member/img/b_gotoentry_on.gif);
}
.marigin_l p.mini
{
	margin-bottom:10px;
}
div.inputbox p img
{
	vertical-align:middle;
}
.inputtext
{
	margin-top:15px;
}
/* アンケート表示
------------------------------*/
ul.checkbox li
{
	float:left;
	width:150px;
	padding-right:20px;
}
ul.checkbox li.col2
{
	width:320px;
	clear:left;
}

/* webページ
------------------------------*/
#other
{
	padding:10px;
}
#other h2
{
	padding:25px 0 5px 0;
	font-size:110%;
}