@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
*{
	margin:0px;
	padding:0px;
	font-size:100%;
}
body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#ECEDED;
	font-size:75%;
	font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro ","MS Pゴシック",sans-serif;
	line-height:1.4;
	color:#333333;
}
#wrapper{
	width:780px;
	margin:0px auto;
	text-align:center;
}
#wrapper2{
	margin:0px auto;
	text-align:left;
	width:780px;
	position:relative;
	background:url(../images/common/header-back.gif) repeat-y;
}
img{
	border:none;
	vertical-align:top;
}

a{color:#ffffff; text-decoration:none;}
a:visited{color:#ffffff;}
a:hover{color:#FD8935;}


a.aox1{color:#0000FF; text-decoration:none;}
a.aox1:visited{color:#ffffff;}
a.aox1:hover{color:#FF0000;}



/* ヘッダー
------------------------- */
#header{
	width:770px;
	height:65px;
	background-color:#ffffff;
}
#headnav{
	width:220px;
	float:right;
	margin:15px 0px 0px 0px;
}
#headnav img{
	margin-left:5px;
}


/* ナビゲーション
------------------------- */
#nav{
	clear:both;
	width:770px;
	height:26px;
}
/* コンテンツ
------------------------- */
#contena{
	clear:both;
	width:770px;
	margin:0px;
}
#sidebar{
	float:right;
	width:170px;
	text-align:center;
	background-color:#EFEEEE;
	padding-top:10px;
}
#sidebar img{
	margin-bottom:10px;
}

#content-wrapper{
	width:770px;
}

#content{
	margin:20px 10px 10px 10px;
	width:550px;
	background-color:#ffffff;
}
#content2{
	margin:0px;
	width:770px;
	background-color:#00A3DF;
}

#content3{
	margin:20px 0px 10px 10px;
	width:577px;
	background-color:#ffffff;
}


#content-wrapper a{color:#333333; text-decoration:underline;}
#content-wrapper a:visited{color:#333333;}
#content-wrapper a:hover{color:#FD8935;}

#title{
	text-align:center;
	background-color:#F1FAFD;
	padding-top:10px;
}
#title2{
	text-align:center;
	background-color:#ffffff;
	margin-top:10px;
}

#tab{
	position:rerative;
	top:0px;
	left:0px;
	background-color:#F1FAFD;
}

#flash{
	width:770px;
	background-color:#3366CC;
}



/*　フッター
------------------------- */
#footer{
	clear:both;
	width:770px;
	color:#ffffff;
	background-color:#00A2E0;
}

address{
	clear:both;
	margin:0px 10px;
	padding:5px 0px;
	font-style:normal;
}

/*　文字関連
---------------------------------------------------- */

h2.style1{
	font-size:120%;
	margin:10px 0px 5px 0px;
	letter-spacing:1px;
	color:#454545;
}

.style2{
	font-size:110%;
	margin:10px 0px 5px 0px;
	letter-spacing:1px;
	color:#0099CC;
}

h3{
	margin:12px 0px 5px 0px;
	text-indent:20px;
	color:#0090C5;
	background:url(../images/mark.gif) no-repeat 0% 45%;
}

h4{
	margin:15px 0px 2px 0px;
	font-size:105%;
	color:#0060C5;
}

strong.style1{
	color:#ff6699;
	font-size:120%;
	letter-spacing:0.5px;
}

.topnote{
	color:#FFFFFF;
	font-size:80%;
	letter-spacing:0.5px;
}

.color1{color:#EA5207;}



/*　表１
---------------------------------------------------- */
table{
	width:100%;
	margin:5px 0px;
	border-collapse:collapse;
	empty-cells:show;
	background-color:#ffffff;
}
td{
	padding:3px 5px;
	border:1px solid #ffffff;
}

table.style1{
	width:520px;
	margin:10px 30px;
	border:1px solid #00A2E0;
	border-collapse:collapse;
	empty-cells:show;
}
table.style1 th{
	background-color:#ececec;
	border:1px solid #00A2E0;
	color:#119ED4;
}
table.style1 td{
	background-color:#F1FAFD;
	border:1px solid #00A2E0;
	color:#00A2E0;
	padding:0px 8px;
}

table.style3{
	width:480px;
	margin:10px 30px;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	empty-cells:show;
}
table.style3 th{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#119ED4;
}
table.style3 td{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:0px 8px;
}


table.style5{
	width:520px;
	margin:10px 30px;
	border:1px solid #00A2E0;
	border-collapse:collapse;
	empty-cells:show;
}
table.style5 th{
	background-color:#ececec;
	border:1px solid #00A2E0;
	color:#119ED4;
}
table.style5 td{
	background-color:#F1FAFD;
	border:1px solid #00A2E0;
	color:black;
	padding:0px 8px;
}

table.style6{
	width:100%;
	margin:5px 0px;
	border:0px solid #CCCCCC;
	border-collapse:collapse;
	empty-cells:show;
}
table.style6 th{
	border:0px solid #CCCCCC;
	color:#119ED4;
}
table.style6 td{
	border:0px solid #CCCCCC;
	color:black;
	padding:0px 8px;
}

table.style7{
	width:570px;
	margin:0px 0px;
	border:1px solid #00A2E0;
	border-collapse:collapse;
	empty-cells:show;
}
table.style7 th{
	background-color:#FFFFFF;
	border:1px solid #00A2E0;
	color:#119ED4;
}
table.style7 td{
	background-color:#FFFFFF;
	border:1px solid #00A2E0;
	color:black;
	padding:0px 8px;
}

/*　表２
---------------------------------------------------- */
table.style2{
	width:400px;
	margin:10px;
	border-collapse:collapse;
	empty-cells:show;
}


/*　配置関連
---------------------------------------------------- */
.center{text-align:center;}
.right{float:right;}
.right2{text-align:right;}
.left{float:left;}
.clear{clear:both;}

hr{
  width:100%;
	margin:5px 0px;
	border:1px dotted #cccccc;
}

ol{
	margin:10px 10px 10px 40px;
}



/*　Ｑ＆Ａ
---------------------------------------------------- */
#question ul{
	margin:0px 0px 15px 8px;
	list-style-type:none;
}
#question li{
	background:url(../images/qmark.gif) no-repeat 0% 50%;
	text-indent:2em;
	line-height:1.7em;
}
#answer{
	width:100%;
	margin:30px 0px 3px 0px;
	border-top:1px solid #cccccc;
}
#answer ul{
	margin:5px 15px 15px 25px;
}
.Q{
	margin:10px 10px 5px 10px;
	background:url(../images/qmark2.gif) no-repeat 0% 50%;
	text-indent:2em;
	font-size:105%;
	color:#0898CC;
	font-weight:bold;
}
.A{
	margin:5px 10px 10px 10px;
}

.HIS{
	margin:10px 10px 5px 10px;
	background:url(../campaign/mark.gif) no-repeat 0% 50%;
	text-indent:2em;
	font-size:105%;
	color:#0898CC;
	font-weight:bold;
}

/*　キャンペーン
---------------------------------------------------- */
#campaign{
	float:right;
	margin:10px 5px 10px 0px;
	width:450px;
}
#sample{
	margin:5px 0px;
}
#sample img{
	margin-left:48px;
}
#checkbox{
	background:url(../images/common/back2.gif);
	width:100%;
	margin:20px 0px 30px 0px;
	padding:15px 0px;
}
#bluebox{
	background-color:#F3FDFF;
	margin:20px 10px;
	padding:10px;
}
#bluebox2{
	background-color:#CAEEFC;
	margin:20px 0px;
	padding:20px 15px;
}
#bluebox2 img{
	float:left;
	margin:0px 10px 10px 0px;
}


#bottom{
	clear:both;
	width:770px;
	background-color:#00A2E0;
	color:#ffffff;
	font-size:12px;
}

#l-bottom{
	width:490px;
	margin:0px 0px 0px 10px;
}
#news{
	color:#ffffff;
	border-bottom:2px solid #ffffff;
	padding-bottom:3px;
	margin-bottom:3px;
	margin-top:8px;
}
#banner1 img{	
	margin-top:20px;
	margin-right:10px;
	float:left;
}
#banner2{
	margin-top:10px;
	width:180px;
	float:left;
}
#banner2 img{
	margin-top:10px;
	margin-bottom:3px;
}

#r-bottom{
	float:right;
	width:230px;
	margin-top:15px;
	margin-right:10px;
}
#serch{
	margin-top:5px;
}


#login{
	width:430px;
	margin:40px 0px 20px 80px;
	text-align:center;
	border:1px solid #999999;
}

#usersite{
	margin:17px 0px 0px 0px;
	text-align:center;
}