@charset "utf-8";


/******* 基本設定 *******/


*{
margin: 0;
padding: 0;
}

body{
text-align: center; /* Internet Explorer 5.5以前への対応 */
font-family: "ＭＳ Ｐゴシック","Osaka"
line-height: 1.166;
color: #333;
background-color: #f93;
}

p{
text-align: justify;
text-justify: inter-ideograph;
}

strong{
color: #f33;
font-weight:bold;
}

hr{
height: 1px; 
width: 90%;
}

a, a:link, a:visited{
color: #000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img{
border: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: "ＭＳ Ｐゴシック","Osaka"
font-size: 14px;
color: #666;
}

.submit {
text-align: center;
}

.msg_head {
text-align: left;
}

.msg_foot {
text-align: center; 
}

p.right{
text-align: right; 
}

/******* フォーマットのレイアウト *******/


div#container{
margin: 0 auto; /* Internet Explorer 5.5以外 */
text-align: left; /* Internet Explorer 5.5以前への対応 */
position:relative;
width: 800px;
background-color: #9c9;
background-image: url(../9c9_600.gif);
background-repeat: repeat-y;
}

div#header{
width: 800px;
height: 150px;
background-color: #fff;
background-image: url(../logob.jpg);
background-position:120px 30px;
background-repeat:no-repeat;
}

div#content{
float: left;
width: 610px;
background-color: #fff;
background-image: url(../mainbg.gif);
background-position: 10px 0px;
background-repeat:no-repeat;
}

div#sidebar{
float: right;
width: 190px;
background-color: #9c9;
background-image: url(../menubg.gif);
background-repeat:no-repeat;
}

div#footer{
clear: both;
position: relative;
height: 24px;
width: 800px;
background-color: #F33;
}

div#para3{
margin: 0px 0px 30px 0px;
background-color: #ffebeb;
border: 1px solid #f33;
}

div#para3_2{
margin: 0px 0px 10px 0px;
background-color: #ffebeb;
border: 1px solid #f33;
}

div#para4, div#para5, div#para6{
margin: 0px 0px 10px 0px;
background-color: #fff0e6;
border: 1px solid #f60;
}

dl#whatsnew{
background-image:url('../whatsnew.gif');
background-repeat:no-repeat;
background-color: #fff0e6;
margin:0px 0px 10px 0px;
}

dl#whatsnew dt{
height:30px;
visibility:hidden;
}

dl#whatsnew dd{
border-right: 1px solid #f60;
border-left: 1px solid #f60;
border-bottom: 1px solid #f60;
height:200px;
overflow:auto;
}

div#paraa{
margin: 0px 0px 10px 0px;
background-color: #fff0e6;
border: 1px dashed #f60;
}

/******* ヘッダ *******/

#header h1{ /* ページタイトル */
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
font-size: 12px;
z-index: 10;
}

#header h2{ /* サイト名 */
position: absolute;
top: 15px;
right: 0px;
padding: 0px;
font-size: 12px;
z-index: 9;
}

#header p{ /* ページトピック */
position: absolute;
top: 130px;
left: 120px;
width: 680px;
height: 25px;
overflow: hidden;
font-size: 14px;
z-index: 8;
}

#header img.LOGOA{
float: left;
position: absolute;
top: 0px;
margin: 0px;
z-index: 3;
}

#header object{
position: absolute;
top: 30px;
left: 120px;
margin: 0px;
z-index: 1;
}


/******* エントリー *******/

#entrybody{
margin: 30px 20px 50px 10px;
font-size: 12px;
}

#entrybody h3{
font-size: 14px;
padding: 3px 0px 2px 10px;
color: #fff;
background-color: #f33;
background-image: url(../h3bg.jpg);
background-position: 540px 0px;
background-repeat:no-repeat;
}

#entrybody h4,#entrybody h5,#entrybody h6{
font-size: 14px;
padding: 3px 0px 2px 10px;
color: #fff;
background-color: #f60;
background-image: url(../h4bg.jpg);
background-position: 540px 0px;
background-repeat:no-repeat;
}

#entrybody p{
font-size: 14px;
margin: 5px 0px 10px 15px;
padding: 5px 5px 0px 5px;
line-height: 1.5em;
}

#entrybody ul{
font-size: 14px;
line-height: 1.8em;

}

#entrybody ul.qmred{
margin-left: 50px;
padding-left: 0;
list-style-image: url(../qmred.gif);
}

#entrybody ul.emred{
margin-left: 50px;
padding-left: 0;
list-style-image: url(../emred.gif);
}

#entrybody ul.emorange{
margin-left: 50px;
padding-left: 0;
list-style-image: url(../emorange.gif);
}

#entrybody li{
margin-bottom: .5em;
padding-left: .5em;
}

#entrybody a, #entrybody a:link, #entrybody a:visited{
text-decoration: none;
}

#entrybody a:hover{
color: #f33;
text-decoration: underline;
}

#entrybody p img{
float:left;
}

#entrybody p img.right{
float:right;
}

#entrybody dl.coverage{
	width		: 550px;
	margin		: 10px 0px 10px 10px;
	clear		: both;
}

#entrybody dl.coverage dt{
	font-size		: 14px;
	line-height		: 140%;
	margin			: 5px 0px 5px 0px;
	border-bottom	: 1px solid #333333;
}

#entrybody dl.coverage dt a{
	font-weight	:bold;
	color: #f33;
}

#entrybody dl.coverage dd{
	clear		: both;
}

#entrybody dl.coverage dd img.left{
	float			: left;
	margin			: 0px 5px 10px 0px;
}

/******* What's NEW *******/

#whatsnew img{
position: relative;
top: -20px;
z-index: 3;
}

#whatsnew p{
margin: 0px 0px 0px 15px;
padding: 0px 5px 0px 5px;
line-height: 1.5em;
}

#whatsnew p.child{
margin: 0px 0px 10px 25px;
padding: 0px 5px 0px 5px;
line-height: 1.5em;
}

/******* column *******/

#column{
margin: 10px;
}

#column p{
clear: both;
font-size: 14px;
margin: 20px;
line-height: 2em;
}

#column p.child{
clear: both;
font-size: 12px;
margin: 10px 40px;
line-height: 1.5em;
color: #060;
}

#column p.page{
background-image: url(../rule58.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#column p.ad{
font-size: 12px;
float: right;
margin: 10px;
color: #060;
text-indent: 12px;
background-image: url(../arrow.gif);
background-repeat:no-repeat;
}

#column p.ad a{
color: #060;
}

#column span.comm{
font-size: 12px;
color: #060;
}

#column p img.right{
float:right;
}

#column p img.left{
float:left;
}


/******* 右メニュー *******/

#menu ul{
margin: 30px 0px 0px 0px;
list-style: none;
font-size: 14px;
font-weight: bold;
}

#menu li,#menu a{
display: block;
width: 190px;
height: 25px;
text-indent: 10px;
background: url(../menubg190.gif) no-repeat;
}

#menu a{
text-decoration: none;
padding-top: 4px;
color: #030;
}

#menu11 a{
color: #fff;
background: url(../menubg190_i.gif) no-repeat;
}

#menu12 a,#menu13 a,#menu14 a,#menu15 a,#menu16 a,#menu19 a{
background: url(../menubg190_c.gif) no-repeat;
}

#menu a:hover{
color: #fff;
background: url(../menubg190_p.gif) no-repeat;
}

/******* トップメニュー配下メニュー配置表 *******/

#menu03 a,#menu04 a,#menu06 a,#menu07 a,#menu08 a {
text-indent: 20px;
color: #363;
font-weight: normal;
}


/******* ヘッドライン *******/

#headlines{
margin: 15px 10px 0px 10px;
padding: 5px 10px;
border-width: 5px 1px;
border-style: solid;
border-color: #f60;
background-color: #fc0;
background-image: url(../coty.jpg);
background-position: 140px 10px;
background-repeat:no-repeat;
}

#headlines h3{
margin: 5px;
font-size: 12px;
}

#headlines p{
margin: 3px;
padding: 0px;
font-size: 12px;
}

#headlines a, #entrybody a:link, #entrybody a:visited{
color: #f33;
text-decoration: none;
}

#headlines a:hover{
color: #f33;
text-decoration: underline;
}


/******* フッタ *******/

#footer h3{
float: right;
padding: 10px 30px 10px 0px;
font-size: 12px;
font-weight: normal;
color: #fff;
}

#footer a, #footer a:link, #footer a:visited{
color: #fff;
text-decoration: none;
}

/**************** テーブル *****************/

/* テーブルの設定 */
table{
margin: 10px 0px 10px 20px;
line-height: 1.2em;
font-size: 14px;
border-collapse: collapse;
border: 1px solid #fff;
vertical-align: top; 
}

caption{
padding: 2em 0.4em 0em 0.4em;
white-space: nowrap;
font-weight: bold;
}

td{
padding: 0.2em 0.4em;
empty-cells: show;
border: 1px solid #fff;
vertical-align: top; 
}

th{
padding: 0.2em 0.4em;
empty-cells: show;
white-space: nowrap;
font-weight: bold;
text-align: left;
vertical-align: top; 
/*
background-color: #cf9;
*/
}

thead, tfoot{
font-size: 10px;
padding: 0.4em;
}


/**************** テーブル(price) *****************/


table.price{
line-height: 1.2em;
vertical-align: bottom; 
border-collapse: collapse;
border: none;
padding: 0px;
}

table.price caption{
text-align: left;
padding: 2px;
white-space: nowrap;
font-weight: bold;
color: #fff;
background-color: #f60;
background-image: url(../pricecaption.jpg);
background-position: 400px 0px;
background-repeat:no-repeat;
}

table.price td{
border-width: 1px 0px;
border-color: #f60;
border-style: solid;
empty-cells: show;
text-align: left;
background-color: #fff;
}

table.price td.yen{
text-align: right; 
}

table.price th{
border-width: 1px 0px;
border-color: #f60;
border-style: solid;
white-space: nowrap;
empty-cells: show;
font-weight: normal;
text-align: left;
background-color: #fff;
}

table.price thead td, table.price tfoot td{
padding: 1em 0em;
border: none;
font-weight: normal;
text-align: right; 
}


/**************** テーブル(input) *****************/


table.input{
vertical-align: bottom; 
border-collapse: collapse;
border: none;
padding: 0px;
}

table.input td{
border: none;
empty-cells: show;
text-align: left;
background-color: #fff;
}

table.input th{
border-bottom: 1px solid #fff;
white-space: nowrap;
empty-cells: show;
font-weight: bold;
text-align: left;
color: #060;
background-color: #9c9;
}

/**************** faq.html *****************/


#entrybody dl.faq{
	margin			: 15px 0px 10px 10px;
	padding			: 0px 0px 10px 0px;
	width			: 560px;
	border-bottom	: 1px #BB781A dotted;
}

#entrybody dl.faq dt{
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	font-size			: 14px;
	font-weight			: bold;
	background-image	: url( "../images/faq/icon_q.gif" );
	background-repeat	: no-repeat;
	height				: 18px;
	text-indent			: 30px;
	over-flow			: hidden;
	line-height			: 140%;
}

#entrybody dl.faq dd{
	margin		: 10px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
	background-image	: url( "../images/faq/icon_a.gif" );
	background-repeat	: no-repeat;
}

#entrybody dl.faq dd p{
	margin		: 5px 0px 5px 30px;
	padding		: 0px 0px 0px 0px;
	font-size	: 14px;
	width		: auto;
}

#entrybody dl.faq dd ul{
	margin		: 0px 0px 0px 30px;
}

#entrybody dl.faq dd ul li{
	margin		: 0px 0px 0px 20px;
}

#entrybody p.faq_r{
	text-align	: right;
	margin		: 0px 0px 10px 0px;
}


/******* 終 了 *******/