@charset "UTF-8";
/* CSS Document */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*--------------------------------------*/
/*----------------global----------------*/
/*--------------------------------------*/


body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	line-height: 1.5em;
}

#wrap{
	width: 900px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


h1,h2,h3,h4,p,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 93%;
	color: #666666;
}

.toTop{
	clear: both;
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	font-size: 77%;
	padding-right: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 20px;
	background-image: url(./img/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.toTop2{
	clear: both;
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	font-size: 77%;
	padding-right: 1em;
	height: 20px;
	background-image: url(./img/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.toTop a, .toTop2 a{
	color: #FF8D12;
}


.footerFrame{
	background-image: url(./img/bg_footer_frame.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#contents{
	background-image: url(./img/bg_wrap.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
}



/*--------------------------------------*/
/*----------------header----------------*/
/*--------------------------------------*/

#header {
}

/*--------------------------------------*/
/*----------------main------------------*/
/*--------------------------------------*/

#main {
	height: 483px;
	width: 900px;
	overflow: hidden;
}

#main h1{
	display: block;
	height: 0px;
	width: 900px;
	background-image: url(./img/main_image.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 483px;
	overflow: hidden;
}

/*--------------------------------------*/
/*----------------main_menu-------------*/
/*--------------------------------------*/

#main_menu {
}

/*--------------------------------------*/
/*----------------whats-----------------*/
/*--------------------------------------*/

#whats {
	padding-top: 40px;
}
/*--------------------------------------*/
/*----------------whats_1---------------*/
/*--------------------------------------*/
#whats #whats_1{
	width: 820px;
	background-image: url(./img/bg_whats_1.jpg);
	background-repeat: no-repeat;
	background-position: 420px 0px;
	height: 315px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#whats #whats_1 p{
	width: 400px;
}

#whats #whats_1 h2{
	height: 0px;
	width: 400px;
	overflow: hidden;
	margin: 0px;
	padding-top: 32px;
	background-image: url(./img/h2_whats_1.jpg);
	background-repeat: no-repeat;
}

#whats #whats_1 h3{
	height: 0px;
	width: 400px;
	padding-top: 40px;
	overflow: hidden;
	background-image: url(./img/h3_whats_1.jpg);
	background-repeat: no-repeat;
}

#whats #whats_1 .h2{
	height: 32px;
	width: 400px;
	overflow: hidden;
}

#whats #whats_1 .h3{
	height: 40px;
	width: 400px;
	overflow: hidden;
	margin-bottom: 10px;
}
#whats #whats_1 h4 {
	padding-top: 10px;
	width: 400px;
}


/*--------------------------------------*/
/*----------------whats_2---------------*/
/*--------------------------------------*/

#whats #whats_2{
	background-image: url(./img/bg_whats_2.jpg);
	background-repeat: no-repeat;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	height: 240px;
}
#whats #whats_2 p{
	padding-left: 420px;
}


#whats #whats_2 h2{
	height: 0px;
	width: 400px;
	overflow: hidden;
	margin: 0px;
	padding-top: 32px;
	background-image: url(./img/h2_whats_2.jpg);
	background-repeat: no-repeat;
}

#whats #whats_2 h3{
	height: 0px;
	width: 400px;
	padding-top: 60px;
	overflow: hidden;
	background-image: url(./img/h3_whats_2.jpg);
	background-repeat: no-repeat;
}

#whats #whats_2 .h2{
	height: 32px;
	width: 400px;
	overflow: hidden;
	padding-left: 420px;
	margin-bottom: 10px;
}

#whats #whats_2 .h3{
	height: 60px;
	width: 400px;
	overflow: hidden;
	padding-left: 420px;
	margin-bottom: 10px;
}


/*--------------------------------------*/
/*----------------whats_3---------------*/
/*--------------------------------------*/


#whats #whats_3{
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-bottom: 40px;
}

#whats #whats_3 .container{
	width: 820px;
	float: left;
}

#whats #whats_3 h2{
	height: 0px;
	width: 400px;
	overflow: hidden;
	margin: 0px;
	padding-top: 32px;
	background-image: url(./img/h2_whats_3.jpg);
	background-repeat: no-repeat;
}


#whats #whats_3 .h2{
	height: 32px;
	width: 400px;
	overflow: hidden;
	margin-bottom: 31px;
}

#whats #whats_3 .box{
	height: 340px;
	width: 820px;
}


#whats #whats_3 .fig_1{
	background-image: url(./img/whats_3_image1.jpg);
	background-repeat: no-repeat;
	height: 340px;
	width: 281px;
	float: left;
	overflow: hidden;
}

#whats #whats_3 .fig_1 p{
	height: 0px;
	width: 281px;
	padding-top: 340px;
	overflow: hidden;
}

#whats #whats_3 .fig_2{
	height: 340px;
	width: 281px;
	float: left;
	background-image: url(./img/whats_3_image2.jpg);
	overflow: hidden;
}
#whats #whats_3 .fig_2 p{
	width: 281px;
	padding-top: 340px;
	overflow: hidden;
}

#whats #whats_3 .fig_3{
	width: 258px;
	float: right;
	height: 340px;
	background-image: url(./img/whats_3_image3.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
#whats #whats_3 .fig_3 p{
	height: 0px;
	width: 258px;
	padding-top: 340px;
	overflow: hidden;
}

#whats #whats_3 .copyright{
	width: 604px;
	padding-top: 25px;
	font-size: 77%;
	line-height: 1.5em;
}


/*--------------------------------------*/
/*----------------howto----------------*/
/*--------------------------------------*/

#howto {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 820px;
	padding-bottom: 20px;
	padding-top: 40px;
}

#howto .box{
	height: 223px;
	width: 820px;
	background-image: url(./img/houto_image.jpg);
	background-repeat: no-repeat;
	overflow: hidden;

}
#howto .fig{
	height: 0px;
	width: 820px;
	padding-top: 511px;
	overflow: hidden;
}

#howto h2{
	height: 0px;
	width: 400px;
	overflow: hidden;
	margin: 0px;
	padding-top: 32px;
	background-image: url(./img/h2_howto.jpg);
	background-repeat: no-repeat;
}


#howto .h2{
	height: 32px;
	width: 400px;
	overflow: hidden;
	margin-bottom: 10px;
}


#howto p{
	margin-bottom: 35px;
}




/*--------------------------------------*/
/*----------------format----------------*/
/*--------------------------------------*/

#format {
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-image: url(./img/bg_format.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	background-position: 0px 40px;
	height: 360px;
}

#format h2{
	height: 0px;
	width: 400px;
	overflow: hidden;
	margin: 0px;
	padding-top: 32px;
	background-image: url(./img/h2_format.jpg);
	background-repeat: no-repeat;
}

#format h3{
	height: 0px;
	width: 400px;
	padding-top: 40px;
	overflow: hidden;
	background-image: url(./img/h3_format.jpg);
	background-repeat: no-repeat;
}

#format .h2{
	height: 32px;
	width: 400px;
	overflow: hidden;
	padding-left: 420px;
	margin-bottom: 10px;
}

#format .h3{
	height: 40px;
	width: 400px;
	overflow: hidden;
	padding-left: 420px;
	margin-bottom: 10px;
}

#format p{
	padding-left: 420px;
}

#format h4{
	padding-left: 420px;
	padding-top: 10px;
}

#format dl{
	padding-left: 420px;
}

#format dt{
}

#format dd{
	padding-left: 9em;
	margin-top: -1.8em;
	margin-bottom: 1em;
}






/*--------------------------------------*/
/*----------------requir----------------*/
/*--------------------------------------*/

#requir {
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-top: 40px;
}

#requir h2{
	height: 0px;
	width: 400px;
	overflow: hidden;
	margin: 0px;
	padding-top: 32px;
	background-image: url(./img/h2_requir.jpg);
	background-repeat: no-repeat;
}

#requir h3{
	height: 0px;
	width: 820px;
	padding-top: 20px;
	overflow: hidden;
	background-image: url(./img/h3_requir.jpg);
	background-repeat: no-repeat;
}

#requir .h2{
	height: 32px;
	width: 400px;
	overflow: hidden;
	margin-bottom: 10px;
}

#requir .h3{
	height: 20px;
	width: 820px;
	overflow: hidden;
	margin-bottom: 10px;
}

#requir p{
	margin-bottom: 10px;
}

#requir table{
	width: 100%;
	font-size: 93%;
	color: #666666;

	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}

#requir th{
	background-image: url(./img/bg_th.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#requir td{
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	vertical-align: top;
}


/*--------------------------------------*/
/*----------------footer----------------*/
/*--------------------------------------*/


#footer {
	height: 45px;
	width: 900px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(./img/bg_footer.jpg);
	background-repeat: no-repeat;
}

#footer .footerImage{
	height: 0px;
	width: 900px;
	padding-top: 45px;
	overflow: hidden;
}



/*clearfix*/

#whats_3:after, .container:after, .box:after, header_menu{
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}

.whats_3, .container, .box ,header_menu{
	display: inline-block;
}

/*no ie mac \*/
* html #whats_3, * html .container, * html .box,* html header_menu{height:1%;}
#whats_3, .container, .box, header_menu{display:block;}
/**/