body{
margin: 0;
background-image: url(img/bg.gif);
background-repeat: repeat-y;
background-position: center;
text-align: center;
}

#outline {
text-align: left;
color: #000000;

font-size: 0.9em;

line-height: 130%;

width: 800px;

margin-top: auto;

margin-bottom: auto;

margin-left: auto;

margin-right: auto;

}



.header{

width: 800px;

height: 150px;

margin-top: 0px;

margin-bottom: 0px;

margin-left: auto;

margin-right: auto;

background-image: url(img/header.gif);

}









.footer{

height: 23px;

color: #FF7E00;

font-weight: bold;

margin-top: 5px;

margin-bottom: 0;

text-align: right;

clear: both;

padding-top: 5px;

padding-right: 10px;



}



.main{

width: 800px;

height: auto;

/*

padding: 6px;

*/

margin: auto;

}



.left{

width: 238px;

padding-top: 10px;

height: auto;

float: left;

}



.left_top{

background-image: url(img/left_top.gif);

padding-left: 15px;

padding-top: 4px;

font-weight: bold;

color:#666666;

}



.left_title{

margin-bottom: 3px;

}



.right{

float: left;

width: 554px;

margin-left: 6px;

}



.right_orange{

margin-top: 5px;

margin-bottom: 10px;

}



.answer{

width: 512px;

margin-left: 22px;

}



.right_answer_top{

*margin-bottom: -5px;

}



.right_answer_bottom{

margin-bottom: 20px;

}



.right_answer_mid{

min-height: 92px;

overflow: auto;

margin-top: 0px;

margin-bottom: 0px;

width: 515px;

font-size: 10pt;

}



.right_pic{

height: 80px;

width: 80px;

margin-top: 5px;

margin-left: 8px;

float: left;

border: 1px solid #818181;

}



.right_text{

padding: 0 0px 10px 20px;

width: 400px;

float: left;

}



.right_link{

text-align: right;

font-size: 10pt;

height: 20px;

margin-top: 3px;

padding-right: 5px;

background-image: url(img/right_shop_bg.gif);

}


.right_link01{

text-align: right;

font-size: 10pt;

height: 20px;

margin-top: 10px;

padding-right: 5px;

}

.oubo{

border-style: solid;

border-width: 1px;

border-color: #EFBF00;

font-size: 9pt;

background-color: #FFF7EC;

color:#EFBF00;

padding: 5px;

}



h1{

font-size:10pt;

color: #FFF;

text-align: right;

margin-top: 0px;

}

.shoukai{

font-size:9pt;

color:#000;

text-align: right;

margin-top:5px;





}



.moji{

font-size:9px;

}

    



ul#menu

{

	margin:0;

	padding:0;

	list-style-type:none;

	width:auto;

	position:relative;

	display:block;

	height:30px;

	font-size:12px;

	font-weight:bold;

	background:transparent url(img/nav_bg.png) repeat-x top left;

	font-family:Arial, Helvetica, sans-serif;

	border-bottom:1px solid #000000;

	border-top:1px solid #000000;

}



ul#menu li

{

	display:block;

	float:left;

	margin:0;

	padding:0;

}

	

ul#menu li a

{

	display:block;

	float:left;

	color:#FFF;

	text-decoration:none;

	font-weight:bold;

	padding:8px 16px 0 16px;

}

	

ul#menu li a:hover

{	

	color:#FFFFFF;

	height:22px;

	background:transparent url(img/nav_bg.png) 0px -30px no-repeat;		

}

	



ul#menu li a.current

{

	display:inline;

	height:22px;

	background:transparent url(img/nav_bg.png) 0px -30px no-repeat;	

	float:left;

	margin:0;

}


/** スマフォビュー ***********************************************************/
#displaySwitch {
	border: 1px solid #903;
	background: -moz-linear-gradient(center top, #ffb3d5 0%,#e51763 49%,#d51458 50%,#9c004d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb3d5),color-stop(0.49, #e51763),color-stop(0.5, #d51458),color-stop(1, #9c004d));
}
#displaySwitch a {
	display: block;
	height: 150px;
	background: url(/image/sp/bg_switch.png) no-repeat center center;
	text-indent: -9999px;
}
