@charset "utf-8";

/*------------------------------------------

			common------------------------*/

* {

	margin: 0;

	padding: 0;

}

img {

	border: none;

}

body {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 12px;

	line-height: 1.4em;

	color: #333;

	text-align: center;

}

a:link, a:active, a:visited {

	color: #039;

	text-decoration: underline;

}

a:hover {

	color: #09C;

	text-decoration: none;

}

a:hover img {

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	opacity: 0.8;

}

#container {

	width: 900px;

	margin: 0 auto;

	padding: 0 5px;

	text-align: left;

	background-image: url(img/shadow.jpg);

	background-repeat: repeat-y;

}

#main {

	width: 880px;

	padding: 10px;

}

#footer {

	width: 100%;

	font-size: 10px;

	padding: 10px 0;

	background-color: #2A5B93;

	color: #FFF;

}

.name a:link, .name a:active, .name a:visited {

	color: #333;

	text-decoration: none;

}

.name a:hover {

	color: #666;

	text-decoration: none;

}

.bottom10 {

	padding-bottom: 10px;

}

.red {

	color: #C00;

}

.blue {

	color: #2A5B93;

}



/*------------------------------------------

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

#header {

	width: 900px;

	height: 350px;

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

	background-repeat: no-repeat;

}

#menu {

	width: 900px;

	height: 40px;

}

#menu ul {

	list-style: none;

}

#menu li {

	list-style: none;

	display: inline;

}

.menu {

	width: 180px;

	height: 40px;

	float: left;

}

/*------------------------------------------

			left--------------------------*/

#left {

	width: 250px;

	padding-right: 10px;

	float: left;

}

.ad01 {

	width: 230px;

	height: 340px;

	padding: 10px;

	margin-bottom: 10px;

	background-image: url(img/ad_back01.jpg);

	background-repeat: no-repeat;

}

.ad01 .name {

	width: 230px;

	height: 25px;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

}

.ad01 .pix {

	width: 230px;

	height: 180px;

}

.ad01 .txt {

	width: 230px;

	height: 85px;

	padding: 10px 0;

}

.ad01 .btn {

	width: 150px;

	height: 30px;

	padding: 0 40px;

}



/*------------------------------------------

			right-------------------------*/

#right {

	width: 620px;

	float: left;

}

.bar {

	width: 590px;

	height: 23px;

	padding: 7px 0 0 30px;

	margin-bottom: 10px;

	background-image: url(img/bar.jpg);

	background-repeat: no-repeat;

	color: #036;

	font-size: 14px;

	font-weight: bold;

}

.ad02a {

	width: 180px;

	height: 320px;

	padding: 10px;

	margin-right: 10px;

	float: left;

	background-image: url(img/ad_back02.jpg);

	background-repeat: no-repeat;

}

.ad02b {

	width: 180px;

	height: 320px;

	padding: 10px;

	float: left;

	background-image: url(img/ad_back02.jpg);

	background-repeat: no-repeat;

}

.ad02a .name,

.ad02b .name {

	width: 180px;

	height: 20px;

	text-align: center;

	font-size: 14px;

	font-weight: bold;

}

.ad02a .pix,

.ad02b .pix {

	width: 180px;

	height: 150px;

}

.ad02a .txt,

.ad02b .txt {

	width: 180px;

	height: 100px;

	padding: 10px 0;

}

.ad02a .btn,

.ad02b .btn {

	width: 150px;

	height: 30px;

	padding: 0 15px;

}

.explain {

	width: 580px;

	padding: 0 20px 10px 20px;

	line-height: 1.7em;

}

.faq {

	width: 580px;

	padding-bottom: 10px;

	border-bottom: #999 dotted 1px;

	margin: 0 20px 10px 20px;

	line-height: 1.8em;

}

.question {

	width: 550px;

	height: 20px;

	padding-left: 30px;

	margin-bottom: 10px;

	background-image: url(img/question.jpg);

	background-repeat: no-repeat;

	color: #C00;

	font-weight: bold;

}

.answer {

	width: 550px;

	padding-left: 30px;

	background-image: url(img/answer.jpg);

	background-repeat: no-repeat;

}

/*---------------------- // TABLE */

table {

	border-collapse: collapse;

}

td {

	padding: 5px;

	vertical-align: middle;

}

.td01 {

	width: 40%;

	background-color: #2A5B93;

	border: #FFF solid 2px;

	font-weight: bold;

	color: #FFF;

}

.td02 {

	width: 60%;

	background-color: #DDD;

	border: #FFF solid 2px;

}



/*---------------------- // FORM */

button {

	border: none;

	padding: 0px;

	margin: 0px;

	width: 180px;

	height: 40px;

}

.send {

	width: 180px;

	height: 40px;

	padding: 20px 210px;

}

input:focus,textarea:focus {

	background-color: #DDF;

}

label {

	display: block;

}

.label_10 {

	font-size: 10px;

}

.label_12 {

	font-size: 12px;

}

fieldset#newsletter_topics label { 

	display: inline;

	width: auto;

}

textarea {

	width: 24em;

	clear: both;

}

input.txt {

	width: 20em;

	clear: both;

	display: block;

}

input.text {

	width: 12em;

	clear: both;

	display: block;

}

input.text2 {

	width: 8em;

	clear: both;

	display: block;

}

.error {

	color: #F00;

	white-space: nowrap;

	display: inline;

}

.radio {

	float: left;

	width: 20px;

	padding-top: 5px;

}

.label {

	float: left;

	font-size: 12px;

	padding-right: 30px;

}