@charset "Shift_JIS";



/* wrapper
------------------------------------------------------------*/
div#bg {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	position: relative;
	z-index: 5;
}
#top div#bg {
	background-image:none;
	background: #313131;
	width:100%;
}

div#wrapper {
	background-color:#FFF;
	width:962px;
	margin:0 auto;
	text-align:left;
	position: relative;
}
#top div#wrapper {
	background-color:#313131;
}


/* header
------------------------------------------------------------*/
div#header {
	background-image:url(../images/header_bg.jpg);
	height: 67px;
	margin:0px auto;
	position: relative;
	z-index: 10;
}
div#header .inner {
	width:962px;
	margin:0px auto;
	position: relative;
}
div#header h1{
	width:962px;
	height:67px;
	margin:0 auto;
}

div#header h1 img{
	width:133px;
	height:36px;
	margin:15px auto;
}
div#header .inner .langChoice {
	width: 160px;
	position: absolute;
	right: 0;
	padding: 0 10px;
	text-align: right;
	z-index: 10;
}
div#header .inner .langChoice p {
	margin-top: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
}
div#header .inner .langChoice p.back {
	background: url(../images/bg_langback.png) !important;
}
div#header .inner .langChoice .langList {
	display: none;
	border-top: none;
	background: url(../images/bg_langback.png) !important;
	padding-bottom: 8px;
}
div#header .inner .langChoice .langList li {
	padding: 0 15px 5px;
	text-align: left;
}
div#header .inner .langChoice .langList a:hover {
	text-decoration: none;
}
/* footer
------------------------------------------------------------*/

div#footer_bg{
	clear:both;
	float:left;
	width:100%;
	background-image:url(../images/footer_bg.jpg);
	height:40px;
	margin:0px;
	padding:0;
}
div#footer{
	width:962px;
	height:40px;
	margin:0 auto;
}
div#footer h2{
	float:left;
	width:300px;
	margin:10px 0 0 15px;
}
div#footer ul li{
	float:right;
	margin:12px 15px 0 0px;	
}


/* Using
------------------------------------------------------------*/
body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	font-size: 80%;
	background: none;
}
.ie6Bold {
	_padding-left: 1.75em;
}
/* Top page
------------------------------------------------------------*/
#top #topMain {
	background: url(../images/bg_top_main.jpg) repeat-x left top;
	position: relative;
	z-index: 1;
}
#top #topMain h3 {
	height: 646px;
	background:url(../images/img_top_main.jpg) no-repeat center top;
	margin: 0;
}
#top .box02,
#top .box01 {
	width: 300px;
	margin-top: -51px;
	position: relative;
	padding: 0 71px;
}
#top .box02 p.txt,
#top .box01 p.txt{
	padding: 15px 0 25px;
	color: #ffffff;
}
.em {
	font-size: 1.2em;
	font-weight: bold;
}

/* webuse
------------------------------------------------------------*/
div#conditions_top{
	background-image:url(../images/conditions_title.jpg);
	width:962px;
	height:137px;
	margin:-1px auto 0 auto;
}

div#conditions_top span{
	display:none;
}

div#conditions_txt{
	width:815px;
	margin:20px auto;
}

div#conditions_txt a{
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color:#00659f;
	text-decoration: underline;	
}

div.win{
	float:left;
	background-image:url(../images/win_bg.jpg);
	width:420px;
	height:76px;
	margin:10px 10px 10px 20px;
	padding-top:45px;
}
div.win span{
	display:none;
}
div.win p{
	width:380px;
	margin:50px 0 0 0;
}
div.mac{
	float:left;
	background-image:url(../images/mac_bg.jpg);
	width:420px;
	height:76px;
	margin:10px 20px 10px 10px;
	padding-top:45px;
}
div.mac span{
	display:none;
}

/* contract
------------------------------------------------------------*/
div#contract{
	width:901px;
	margin:0px auto 60px auto;
}
div#contract h2{
	margin:10px auto;
}

div#contract p{
	margin:20px 25px 10px 25px;
}
div#iframe{
	clear:both;
	width:850px;
	margin:15px auto 50px auto;
}
div#contract #btn_l{
	clear:both;
	float:left;
	margin-bottom:60px;
	margin-right:10px;
}
* html div#contract #btn_l{
	clear:both;
	float:left;
	margin-bottom:60px;
	margin-right:5px;
}
div#contract #btn_r{
	margin-bottom:60px;
}