@charset "UTF-8";

@import "includes/reset.css";
@import "includes/fonts.css";
@import "includes/common.css";

/* indexページ固有のCSS */

div#wrapper div#contents {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	padding-top: 18px;
	width: 880px;
	background: url(../img/index_vender.jpg) top right no-repeat;
}

div#wrapper div#contents span.keyword {
	color: #333333;
	font-size: 93%;
}

div#wrapper div#contents h1 {
	display: block;
	margin-top: 32px;
	width: 358px;
	height: 23px;
	background: url(../img/index_h1_back.gif) no-repeat;
}

div#wrapper div#contents div#maincopy {
 margin-top: 32px;
 margin-left: 45px;
 height: 200px;
 font-size: 108%;
 line-height: 148%;
}

div#wrapper div#contents div#mainmenu {
	margin-bottom: 120px;
}

div#wrapper div#contents div#mainmenu div#menu1 {
	float: left;
	width: 420px;
	height: 210px;
	border: solid 1px #000000;
}

div#wrapper div#contents div#mainmenu div#menu2 {
	float: left;
	margin-left: 5px;
	width: 220px;
	height: 210px;
	border: solid 1px #000000;
}

div#wrapper div#contents div#mainmenu div#menu3 {
	float: left;
	margin-left: 5px;
	width: 220px;
	height: 210px;
	border: solid 1px #000000;
}

div#wrapper div#contents div#mainmenu div#menuout {
	clear: both;
}

div#wrapper div#contents div#mainmenu div.menucopy {
	margin: 5px;
	padding: 3px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 85%;
	text-align: center;
}

div#wrapper div#contents div#mainmenu div#official {
	margin: 13px 0 0 17px;
}

div#wrapper div#contents div#mainmenu div#official img {
	float: left;
	margin-right: 10px;
}

div#wrapper div#contents div#mainmenu div#officialtext {
	margin-right: 12px;
	font-size: 93%;
	line-height: 128%;
}

div#wrapper div#contents div#mainmenu div#sizetext {
	margin-top: 16px;
	color: #777777;
	font-size: 77%;
	line-height: 128%;
}

div#wrapper div#contents div#mainmenu div#menu1 a {
	clear: both;
	display: block;
	margin: 17px 0 0 7px;
	width: 408px;
	height: 42px;
	background: url(../img/index_officiallink_df.gif) no-repeat;
}

div#wrapper div#contents div#mainmenu div#menu1 a:hover {
	background: url(../img/index_officiallink_ov.gif) no-repeat;
}

div#wrapper div#contents div#mainmenu div#menutext {
	margin: 0 12px;
	font-size: 93%;
	line-height: 128%;
}

div#wrapper div#contents div#mainmenu div.menulink {
	margin: 0 12px;
	font-size: 93%;
	text-align: right;
}

div#wrapper div#contents div#mainmenu div.menulink a {
	display: block;
	float: right;
	padding-left: 14px;
	width: 90px;
	background: url(../img/index_menu_icon.gif) center left no-repeat;
	text-align: left;
}

div#wrapper div#contents div#mainmenu div#menu2 div#menutitle {
	margin: 0 5px;
	height: 73px;
	background: url(../img/index_menu_title2.gif) no-repeat;
}

div#wrapper div#contents div#mainmenu div#menu2 div#menutext {
	height: 80px;
}

div#wrapper div#contents div#mainmenu div#menu3 div#menutitle {
	margin: 0 5px;
	height: 105px;
	background: url(../img/index_menu_title3.gif) no-repeat;
}

div#wrapper div#contents div#mainmenu div#menu3 div#menutext {
	height: 47px;
}

div#wrapper div#contents div#linkflash {
	clear: both;
	font-size: 85%;
	line-height: 140%;
}

div#wrapper div#contents div#linkflash img {
	float: left;
	margin-right: 20px;
}

div#wrapper div#footbelt div#footer {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	margin-right: auto;
	padding-top: 25px;
	width: 880px;
	color: #666666;
	font-size: 77%;
}

div#wrapper div#footbelt div#footer div#copyright {
	float: left;
	padding-left: 50px;
	width: 385px;
}

div#wrapper div#footbelt div#footer div#address {
	float: left;
}