/* CSS Document */

/* 目次
01:初期化
02:ボディ
03:リンク
04:枠
05:ヘッダー
06:メインメニュー
07:トップメニュー
08:サイドメニュー
09:フッタ
10:コンテンツ
11:フューチャー
12:お問い合わせ

88:リスト
99:その他
*/


/* 01:初期化 */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td {  
margin: 0;
padding: 0;
}

html {z-index:0}

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

table,tr,td{
padding:0;
border-collapse:collapse;
}

img{
border:none;
}

/* 02:ボディ */
body{
	margin:8px;
	padding:0;
	font-size:12px;
	color:#333333;
	background:#F0F0F0;
	text-align:center;
	line-height:1.5;
}

/* 03:リンク */
a{color:#333333; text-decoration:underline;}
a:link{color:#333333; text-decoration:underline;}
a:active{color:#333333; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}

/* 04:枠 */
#wrap{
	width:740px;
	text-align:left;
	background:url(../images/bg-index.jpg);
	clear: both;
	margin: 0 auto;
}

#wrap2{
	clear: both;
	padding: 0;
}

.container{
	width:820px;
	margin:0px 0 20px 0;
}

#flash{
	width:500px;
	height:255px;
	float:left;
	margin:0 20px 0 0;
	z-index: -1;
}

#topMenu{
width:268px;
height:223px;
float:left;
background:url(../images/top_menu_bg.gif);
padding:16px;
}

#contents{
width:600px;
float:left;
margin:0 20px 0 0;
}

#sideMenu{
width:200px;
float:left;
}

/* 05:ヘッダー */
#seoText{
background:url(../images/hed_bg.gif);
line-height:30px;
padding:0 10px;
margin:0 0 15px 0;
font-size:12px;
font-weight:normal;
float:left;
}

#headlink{
background:url(../images/hed_bg.gif);
line-height:30px;
padding:0 10px;
margin:0 0 15px 0;
font-size:12px;
font-weight:normal;
text-align:right;
}

#headlink a{text-decoration:none;
}

#headlink a:hover{text-decoration:underline;
}

#header{
	width:820px;
	height:75px;
	margin:0 0 15px 0;
	clear:both;
}

#header .logo{
float:left;
}

#header .logo a{
	display:block;
	width:430px;
	height:75px;
	background:url(../images/logo.gif);
	text-indent:-1000em;
}

#header .search{
	float:right;
	width:270px;
	height:45px;
	background:url(../images/search_bg.gif);
	padding:15px;
	text-align:center;
}

/* 06:メインメニュー */
#mainMenu{
	width:820px;
	height:40px;
	background:url(../images/menu_bg.gif) left no-repeat;
	margin:0 0 5px 0;
}

#mainMenu li{
	float:left;
}

.menubg { width:27px;
height:40px;
}

#menu1 a{
	display:block;
	background:url(../images/menu_01.gif);
	width:106px;
	height:40px;
	text-indent:-1000em;
}

#menu2 a{
	display:block;
	background:url(../images/menu_02.gif);
	width:107px;
	height:40px;
	text-indent:-1000em;
}

#menu3 a{
	display:block;
	background:url(../images/menu_03.gif);
	width:142px;
	height:40px;
	text-indent:-1000em;
}

 #menu4 a{
	display:block;
	background:url(../images/menu_04.gif);
	width:109px;
	height:40px;
	text-indent:-1000em;
}

#menu5 a{
	display:block;
	background:url(../images/menu_05.gif);
	width:152px;
	height:40px;
	text-indent:-1000em;
}

#menu6 a{
	display:block;
	background:url(../images/menu_06.gif);
	width:145px;
	height:40px;
	text-indent:-1000em;
}

#menu1 a:hover,
#menu2 a:hover,
#menu3 a:hover,
#menu4 a:hover,
#menu5 a:hover,
#menu6 a:hover{
background-position:0 -40px;
}

.sabMenuBlock {width:763px;height:18px;}
.sabMenuBlock img {vertical-align:middle;}
#sabMenu0 {position:absolute; z-index:13; background-color:#fff; margin-left:27px;}
#sabMenu1 {position:absolute; z-index:11; background-color:#fff; margin-left:27px;}
#sabMenu1 p {margin-left:0px; vertical-align:middle;}
#sabMenu2 {position:absolute; z-index:9; background-color:#fff; margin-left:27px;}
#sabMenu2 p {margin-left:104px;vertical-align:middle;}
#sabMenu3 {position:absolute; z-index:7; background-color:#fff; margin-left:27px;}
#sabMenu3 p {margin-left:212px;vertical-align:middle;}
#sabMenu4 {position:absolute; z-index:5; background-color:#fff; margin-left:27px; }
#sabMenu4 p {margin-left:353px;vertical-align:middle;}
#sabMenu5 {position:absolute; z-index:3; background-color:#fff; margin-left:27px; text-align:right;}
#sabMenu5 p {vertical-align:middle;}
#sabMenu6 {position:absolute; z-index:1; background-color:#fff; margin-left:27px; text-align:right;}
#sabMenu6 p {vertical-align:middle;}

#sabMenu {
	width:820px;
	margin-bottom:10px;
	height:18px;
}




/* 07:トップメニュー */
.top01{
background:url(../images/top_menu_pic_01.jpg) right no-repeat;
padding:0 125px 0 0;
margin:0 0 35px 0;
width:143px;
height:94px;
}

.top02{
background:url(../images/top_menu_pic_02.jpg) right no-repeat;
padding:0 125px 0 0;
margin:0;
width:143px;
height:94px;
}

.top01 p,
.top02 p{
margin:0 0 7px 0;
}

.btnRed a{
display:block;
background:url(../images/icon_red.gif) no-repeat;
width:127px;
height:23px;
text-indent:-1000em;
}

.btnGreen a{
display:block;
background:url(../images/icon_green.gif) no-repeat;
width:127px;
height:23px;
text-indent:-1000em;
}

.btnRed a:hover,
.btnGreen a:hover{
background-position:0 -23px;
}

/* 08:サイドメニュー */
ul#sideBnr{
margin:0 0 20px 0;
}

ul#sideBnr li.sideBnr01 a{
display:block;
width:200px;
height:70px;
text-indent:-1000em;
margin:0 0 5px 0;
background:url(../images/bnr_support_01.gif);
}

ul#sideBnr li.sideBnr02 a{
display:block;
width:200px;
height:70px;
text-indent:-1000em;
margin:0 0 5px 0;
background:url(../images/bnr_support_02.gif);
}

ul#sideBnr li.sideBnr03 a{
display:block;
width:200px;
height:70px;
text-indent:-1000em;
margin:0 0 5px 0;
background:url(../images/bnr_support_03.gif);
}

ul#sideBnr li.sideBnr04 a{
display:block;
width:200px;
height:70px;
text-indent:-1000em;
margin:0 0 5px 0;
background:url(../images/bnr_support_04.gif);
}

ul#sideBnr li.sideBnr01 a:hover,
ul#sideBnr li.sideBnr02 a:hover,
ul#sideBnr li.sideBnr03 a:hover,
ul#sideBnr li.sideBnr04 a:hover{
background-position:0 -70px;
}

h4.sideTitle01{
background:url(../images/side_title_01.gif);
height:36px;
text-indent:-1000em;
}

h4.sideTitle02{
background:url(../images/side_title_02.gif);
height:36px;
text-indent:-1000em;
}

h4.sideTitle03{
background:url(../images/side_title_03.gif);
height:36px;
text-indent:-1000em;
}

h4.sideTitle04{
background:url(../images/side_title_04.gif);
height:36px;
text-indent:-1000em;
}

.sideBg{
background:url(../images/side_bg.gif) 0 100%;
padding:10px;
margin:0 0 20px 0;
}

.sideBoxTop{
width:100%;
padding:0 0 10px 0;
background:url(../images/border_dot.gif) 0 100% repeat-x;
margin:0 0 10px 0;
}

.sideBoxBtm{
width:100%;
}

.picLeft{
float:left;
margin:0 10px 0 0;
}

#sideTop{
background:url(../images/side_top_bg.gif);
height:223px;
margin:0 0 20px 0;
padding:16px 16px 16px 32px;
}

.sideTop01{
margin:0 0 35px 0;
width:143px;
height:94px;
}

.sideTop02{
margin:0;
width:143px;
height:94px;
}

.sideTop01 p,
.sideTop02 p{
margin:0 0 7px 0;
}

/* 09:フッタ */
#footerMenu{
margin:40px 0 0 0;
font-size:11px;
text-align:right;
}

#footer{
	background:url(../images/footer_bg.gif);
	height:80px;
	text-align:center;
	padding:10px 0 10px 0;
}

#footer p{
	text-align:center;
	padding:10px 0 0 0;
}

#footer a{text-decoration:none;
}

#footer a:hover{text-decoration:underline;
}

/* 10:コンテンツ */
div.contentsHed{
background:url(../images/contents_bg_hed.gif) no-repeat;
padding:16px 16px 0 16px;
margin:0;
width:568px;
}

div.contentsMain{
background:url(../images/contents_bg_main.gif) 0 100%;
padding:20px 16px 16px 16px;
margin:0 0 20px 0;
width:568px;
}

/* 11:フューチャー */
.fBtn a{
display:block; background:url(../supporters/images/yajirushi.gif) 0 50%;
padding:10px;
text-align:center;
color:#FFFFFF;
}

#jisseki{
margin:0 0 40px 0;
}

#jisseki p{
margin:0 10px 10px 0;
padding:9px;
float:left;
background:url(../supporters/images/jisseki_pic_bg.gif);
width:152px;
height:132px;
}

/* 12:お問い合わせ */
#contactTable{
width:100%;
margin:0 0 20px 0;
border:1px solid #CCCCCC;
}

#contactTable th{
background:#F5F5F5;
padding:10px;
border:1px solid #CCCCCC;
}

#contactTable td{
background:#FFFFFF;
padding:10px;
border:1px solid #CCCCCC;
}

em.must{
color:#a91a25;
font-style:normal;
font-weight:bold;
}

em.check{
color:#a91a25;
font-style:normal;
font-weight:bold;
}

ul.error{
border:5px solid #a91a25;
padding:10px 10px 10px 25px;
margin:0 0 20px 0;
}

ul.error li{
color:#a91a25;
list-style:disc;
}

.confirm{
text-align:center;
}

.confirm .kakunin,
.confirm .soushin{
padding:10px 20px;
}

/* 99:その他 */
.clear{clear:both; line-height:0;}
.m0{margin:0 !important;}
.mt10{margin:10px 0 0 0 !important;}
.mt20{margin:20px 0 0 0 !important;}
.mb10{margin:0 0 10px 0 !important;}
.mb20{margin:0 0 20px 0 !important;}
.mb40{margin:0 0 40px 0 !important;}
.mtb20{margin:20px 0 !important;}
.red{color:#a91a25 !important;}
.red a {color:#a91a25 !important; text-decoration:none; }
.red a:hover {color:#a91a25 !important; text-decoration:underline; }

.green{color:#009900 !important;}
.green a {color:#009900 !important; text-decoration:none; }
.green a:hover {color:#009900 !important; text-decoration:underline; }

.blue{color:#003399 !important;}
.blue a {color:#003399 !important; text-decoration:none; }
.blue a:hover {color:#003399 !important; text-decoration:underline; }


.footer-img {
	clear:both;
	margin:0 auto;
	padding:0;
	background: url(../images/bg-index.jpg);
	width: 740px;
}

#hpmakearea {
	background:url(../images/hpmake_bg.gif) repeat-y 50% 0;
	padding: 15px 0 0 0;
	overflow: auto;
	width: 100%;
}

#hpmakearea h2 {
	background:url(../images/hpmake_tit.jpg) no-repeat;
	height: 65px;
	width: 722px;
	text-indent:-1000em;
	margin: 0 auto;
	padding: 0;
}

#hpmakeareain {
	padding: 0;
	width: 722px;
	margin: 0 auto;
	overflow: auto;
	background-color: #feffe9;
}

.hpmakeTopics {
	display: block;
	padding: 10px 0 0 0;
	overflow: auto;
	width: 100%;
}


.hpmakebox {
	margin:0 0 10px 0;
	float: left;
	width: 180px;
}

.hpmakebox h3 {
	margin:0;
	padding:0;
}

.hpmakebox p {
	margin:0;
	padding:5px 10px 5px 10px;
}


.make-bann2{
	width:722px;
	height:140px;
	margin:15px auto 0px auto;
	padding:0px;
	clear:both;
	text-align: center;
}
.make-bann2 p{
	margin:0px;
	padding:0px;
	float:right;
}

#mininavi {
	margin:0 auto;
	padding:0px 20px 10px 20px;
}





#hpmake_rentalarea {
	padding: 0 0 15px 0;
	overflow: auto;
	width: 100%;
}

#hpmake_rentalarea h2 {
	margin: 0 auto;
	padding: 0;
}


.hpmake_rentalbox {
	margin:0 0 20px 0;
}

.hpmake_rentalbox h3 {
	margin:0;
	padding:10px 0 0 0;
}

.hpmake_rentalbox p {
	margin:0;
	padding:5px 10px 5px 50px;
}

.hpmakerentalTopics {
	display: block;
	padding: 0;
	overflow: auto;
	width: 100%;
	color: #333333;
}


.hpmakerentalTopics p {
	padding: 10px;
	margin:10px 50px 10px 50px;
	background-color: #FFFFFF;
	color: #333333;
}

.snsbox {
	padding:0;
	color: #000000;
	margin: 10px;
	background-color: #4790bb;
	background-image: url(../images/snsbg.gif);
}
.snsbox ul {
	padding:10px 10px;
	margin: 0px 0px 0px 140px;
	background-color: #FFFFFF;
}
.snsbox li {
	padding:0;
	margin: 0;
}

.snsbox p {
	padding:6px 0 10px 6px;
	margin: 0;
	width: 120px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	color: #FFFFFF;
	background-image: url(../images/snsbg.gif);
}

#headtext{
	margin:0px;
	padding: 7px 10px 3px 10px;
	color: #474747;
}
