@charset "utf-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	background:#e4e7ea;
	color:#333333;
	font-size:0.9em;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	}
	
img {
	border:none;
	vertical-align:top;
	}
	
a		{text-decoration:none; color:#0066CC;}
a:hover	{color:#3399FF;}
	
#background {
	width:auto;
	background:url(../img/background.jpg) repeat-x top left #e7e9ea;
	}
	
#backgroundSide {
	background:url(../img/background_side.jpg) repeat-y top left;
	margin:0 auto;
	width:1000px;
	}
	
#backgroundBtm {
	background:url(../img/background_foot.jpg) no-repeat bottom left;
	width:1000px;
	}
	
#backgroundTop {
	background:url(../img/background_head.jpg) no-repeat top left;
	width:960px;
	min-height:1040px;
	height:auto !important; /* IE6 表示用 */
	height:1040px; /* IE6 表示用 */
	padding:0 20px;
	margin:0 auto;
	}
		
h1 {
	line-height:35px;
	font-size:0.9em;
	margin:0;
	padding:0;
	}
	
#header {
	width:960px;
	margin:25px 0 5px 0;
	background:url(../img/header_bg.gif) no-repeat top left;
	}
	
#navi ul {
	margin:0;
	padding:0;
	}
	
#navi li {
	float:left;
	list-style:none;
	display:block;
	}
	
#navi li.navi01 img { background:url(../img/navi01.gif) top no-repeat; }
#navi li.navi02 img { background:url(../img/navi02.gif) top no-repeat; }
#navi li.navi03 img { background:url(../img/navi03.gif) top no-repeat; }
#navi li.navi04 img { background:url(../img/navi04.gif) top no-repeat; }
#navi li.navi05 img { background:url(../img/navi05.gif) top no-repeat; }
#navi li.navi06 img { background:url(../img/navi06.gif) top no-repeat; }
#navi li.navi07 img { background:url(../img/navi07.gif) top no-repeat; }

#navi li.navi01 a:hover img { background:url(../img/navi01.gif) bottom no-repeat transparent; }
#navi li.navi02 a:hover img { background:url(../img/navi02.gif) bottom no-repeat transparent; }
#navi li.navi03 a:hover img { background:url(../img/navi03.gif) bottom no-repeat transparent; }
#navi li.navi04 a:hover img { background:url(../img/navi04.gif) bottom no-repeat transparent; }
#navi li.navi05 a:hover img { background:url(../img/navi05.gif) bottom no-repeat transparent; }
#navi li.navi06 a:hover img { background:url(../img/navi06.gif) bottom no-repeat transparent; }
#navi li.navi07 a:hover img { background:url(../img/navi07.gif) bottom no-repeat transparent; }


#main {
	margin:0;
	padding:0;
	width:960px;
	background:#edeff2;
	}
	
#contLeft {
	float:left;
	width:720px;
	min-height:720px;
	height:auto !important; /* IE6 表示用 */
	height:720px; /* IE6 表示用 */
	background:#FFFFFF;
	}
	
#contRight {
	float:left;
	width:240px;
	padding:10px 0 0 0;
	}
	
#contRight form {
	margin:0 0 0 10px;
	padding:0;
	}
	
#contLeft #banBox {
	float:left;
	width:180px;
	background:url(../img/ban_side.gif) repeat-y top;
	margin:0 0 5px 0;
	}
	
#banBox .banner {
	margin:0 5px 5px 5px;
	}
	
#flashArea {
	width:720px;
	}
	
.infoBox {
	float:left;
	width:540px;
	}
	
.infoText {
	margin:5px 0 0 0;
	padding:0 1px;
	background:url(../img/info_text_line.gif) repeat top left;
	}
	
.infoText p {
	margin:0 0 0 15px;
	padding:0 0 0 20px;
	font-size:0.8em;
	line-height:30px;
	background:url(../img/arrow_glay.gif) no-repeat 0 10px;
	}
	
.infoText strong {
	margin:0 10px 0 0;
	}

.kensaku {
	margin:0 0 3px 10px;
	padding:0 0 0 25px;
	line-height:20px;
	background:url(../img/icon_kensaku.gif) no-repeat;
	font-size:0.8em;
	font-weight:bold;
	}

.submitBtn {
	vertical-align:middle;
	}


/*  sideNavi  */
	
.sideNavi {
	width:240px;
	font-size:1.0em;
	background:url(../img/side_navi_bg.gif) repeat-y top;
	}
	
.sideNavi img {
	vertical-align:top;
	display:block;
	}

.sideTextLine01 {
	background:url(../img/side_menu_line.gif) repeat;
	margin:0 20px;
	padding:0 1px;
	}
	
.sideTextLine02 {
	background:url(../img/side_menu_line.gif) repeat;
	margin:0 20px;
	padding:0 1px;
	}
	
.sideTextLine01 ul ,.sideTextLine02 ul {
	margin:0;
	padding:0;
	}
	
.sideTextLine01 li ,.sideTextLine02 li {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	list-style:none;
	line-height:30px;
	}
	
.sideTextLine01 li {background:url(../img/arrow_blue.gif) no-repeat 0 10px;}
.sideTextLine02 li {background:url(../img/arrow_green.gif) no-repeat 0 10px;}

.sideTextLine01 a		{color:#215998;}
.sideTextLine02 a		{color:#2e7900;}
.sideTextLine01 a:hover	{color:#3285e2;}
.sideTextLine02 a:hover	{color:#4ac101;}


#footBox {
	width:960px;
	}
	
.footNavi {
	width:700px;
	float:left;
	text-align:left;
	line-height:40px;
	background:#ffffff;
	padding:0 0 10px 20px;
	font-size:0.9em;
	}
	
.pageTop {
	width:220px;
	float:left;
	text-align:right;
	padding:0 20px 10px 0;
	}
	
.company {
	padding:20px 0 20px 20px;
	font-size:0.8em;
	line-height:140%;
	}
	
.copyRight {
	float:right;
	margin:0 20px 0 0;
	}


/*  detail  */

#detailBox {
	margin:20px;
	font-size:90%;
	color:#333333;
	}

.box {
	padding:20px 0;
	}

/*  contact  */

#contactTable {
	margin:20px 0 0 0;
	color:#666666;
	width:680px;
	border-collapse:collapse;
	}

#contactTable td {
	text-align:left;
	vertical-align:top;
	padding:15px;
	width:450px;
	background:url(../img/line_contact02.gif) right bottom no-repeat;
	}

#contactTable th {
	text-align:left;
	vertical-align:top;
	padding:15px;
	background:url(../img/line_contact01.gif) left bottom no-repeat;
	}

#contactTable .noBoder {
	border-bottom:none;
	background:none;
	}

.attention {
	font-size:0.9em;
	line-height:15px;
	color:#ff6699;
	}

.btnArea {
	text-align:center;
	margin:20px 0;
	}

#contactTable input,#contactTable textarea {
	background:#fdffef;
	border:#6faa51 1px solid;
	padding:2px;
	vertical-align:middle;
	}

#contactTable .radioBtn {
	background:none;
	border:none;
	vertical-align:top;
	padding:0;
	}

.input01 {
	width:96px;
	}
	
.input02 {
	width:252px;
	}

.input03 {
	width:65px;
	}

#contactTable label {
	font-size:90%;
	padding:1px 3px;
	background:#CC0000;
	color:#FFFFFF;
	margin:0 0 0 5px;
	}
	
.policy {
	padding:0 10px;
	}
	
.policyText {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:#cccccc solid 2px;
	text-align:right;
	}
	
.policyBox {
	margin:20px 0 0 0;
	padding:0;
	background:url(../img/policy_img_bg.gif) repeat-y top left;
	}
	
.policyBox p {
	margin:0;
	padding:10px 0 10px 20px;
	}
	
/*  company  */

#companyTable ,#companyTable02 {
	width:100%;
	color:#666666;
	border-collapse:collapse;
	}
	
#companyTable th ,#companyTable02 th {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#eeeeee 2px solid;
	}
	
#companyTable td ,#companyTable02 td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	width:500px;
	border-bottom:#eeeeee 2px solid;
	}
	
#companyTable th ,#companyTable td {line-height:20px;}
#companyTable02 th ,#companyTable02 td {line-height:15px;}
	
.mapIcon {
	margin:0 0 0 15px;
	float:left;
	}


/*  lineup  */

.lineupBox {
	width:680px;
	margin:0 0 20px 0;
	}

.lineupBoxL {
	width:325px;
	margin:0 10px 0 5px;
	float:left;
	}
	
.lineupBoxR {
	width:325px;
	margin:0 0 0 10px;
	float:left;
	}

.lineupBox h2 {
	width:auto;
	float:left;
	font-size:1.0em;
	line-height:25px;
	margin:0;
	padding:0 10px 0 30px;
	}
	
.lineupBox h2 a 		{display:block;　color:#215998;}
.lineupBox h2 a:hover	{color:#3285e2;}

.lineupCate {
	background:url(../img/lineup_h2_bg.gif) no-repeat top left;
	height:25px;
	margin:0 5px;
	}
	
.lineupCate img {
	float:left;
	padding:4px 0 5px 0;
	}
	
.lineupBox ul {
	width:90px;
	margin:0;
	padding:10px 10px 0 10px;
	float:left;
	}
	
.lineupBox li {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	}
	
.lineupText {
	margin:0 0 0 5px;
	padding:0;
	font-size:0.9em;
	float:left;
	width:210px;
	}
	
.lineupText p {
	line-height:150%;
	margin:15px 0 10px 0;
	padding:0;
	}

.lineupBox02 {
	width:410px;
	margin:0 10px 20px 10px;
	}
	
.lineupBox03 {
	width:660px;
	margin:0 10px 20px 10px;
	}
	
.lineupSub {
	width:660px;
	margin:0 10px 20px 10px;
	text-align:right;
	}

.lineupStitle {
	background:url(../img/lineup_stitle.gif) no-repeat top left;
	margin:0;
	padding:0 0 0 15px;
	line-height:25px;
	font-weight:bold;
	}
	
.lineupStitle02 {
	background:url(../img/lineup_stitle02.gif) no-repeat top left;
	margin:0;
	padding:0 0 0 20px;
	line-height:25px;
	font-weight:bold;
	}

.lineupStitle02 a ,.lineupStitle02 a:hover {
	color:#333333;
	}

.lineupStitle02 p {
	margin:0;
	padding:0;
	float:left;
	}
	
.lineupStitle02 img {
	float:right;
	padding:4px 4px 0 0;
	}
	
.lineupStitle03 {
	background:url(../img/lineup_stitle03.gif) no-repeat top left;
	margin:0 10px;
	padding:0 0 0 15px;
	line-height:25px;
	font-weight:bold;
	}
	
.lineupText02 {
	padding:0;
	margin:10px 10px 20px 10px;
	line-height:160%;
	font-size:0.9em;
	}
	
.lineupImgBox {
	width:200px;
	padding:0 25px;
	margin:0;
	text-align:center;
	float:right;
	}

.lineupImgBox p {
	margin:0;
	padding:0 0 5px 0;
	font-size:0.9em;
	}
	
.lineupList {
	padding:0 0 20px 0;
	margin:0;
	}
	
.lineupList img {
	padding:0 0 0 10px;
	float:left;
	}
	
.lineupTable {
	border-collapse:collapse;
	margin:10px 0 30px 0;
	padding:0;
	width:410px;
	font-size:0.9em;
	}
	
.lineupTable th {
	background:#52a1f9;
	border:solid 1px #215998;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	}
	
.lineupTable td {
	background:#ffffff;
	border:solid 1px #215998;
	text-align:center;
	line-height:20px;
	}
	
.lineupTable02 {
	width:600px;
	margin:10px 40px;
	border-collapse:collapse;
	font-size:0.9em;
	}
	
.lineupTable02 th {
	border:solid 1px #215998;
	background:#deeeff;
	color:#215998;
	line-height:20px;
	padding:3px;
	vertical-align:top;
	}
	
.lineupTable02 td {
	border:solid 1px #215998;
	line-height:20px;
	padding:3px 5px;
	vertical-align:top;
	}
	
.lineupTable02 th.process {
	width:170px;
	}
	
.lineupTable02 th.type {
	width:170px;
	}
	
.lineupTable02 th.genre {
	width:90px;
	}
	
.lineupTable03 {
	font-size:0.9em;
	width:640px;
	margin:0 10px 10px 10px;
	line-height:15px;
	border-collapse:collapse;
	}
	
.lineupTable03 caption ,.lineupTable04L caption ,.lineupTable04R caption ,.lineupTable05 caption {
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:10px 0 3px 0;
	}
	
.lineupTable03 th ,.lineupTable04L th ,.lineupTable04R th ,.lineupTable05 th {
	border:solid 1px #215998;
	background:#deeeff;
	color:#215998;
	padding:3px;
	vertical-align:middle;
	}
	
.lineupTable03 td ,.lineupTable04L td ,.lineupTable04R td ,.lineupTable05 td {
	border:solid 1px #215998;
	line-height:140%;
	padding:3px;
	vertical-align:middle;
	}
	
.tableTextCenter {
	text-align:center;
	}
	
.lineupTable04L {
	font-size:0.9em;
	width:315px;
	margin:0 10px 10px 0;
	line-height:150%;
	border-collapse:collapse;
	float:left;
	}
	
.lineupTable04R {
	font-size:0.9em;
	width:315px;
	margin:0 0 10px 0;
	line-height:150%;
	border-collapse:collapse;
	float:left;
	}
	
.lineupTable05 {
	font-size:0.9em;
	width:315px;
	margin:0 0 10px 0;
	line-height:150%;
	border-collapse:collapse;
	}
	
.lineupTableBox {
	padding:0 10px;
	}
	
.lineup06ImgBoxL {
	float:left;
	margin:0;
	padding:10px 10px 0 10px;
	text-align:center;
	}
.lineup06ImgBoxR {
	float:left;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
	}
	
.titleText {
	margin:0;
	padding:0 0 3px 0;
	text-align:center;
	font-weight:bold;
	}
	
		
/*  genre  */

.genreBox {
	width:680px;
	margin:0 0 20px 0;
	}
	
.genreBoxSub {
	width:660px;
	margin:0 10px;
	text-align:right;
	}
	
.genreBox h2 {
	font-size:1.0em;
	line-height:25px;
	background:url(../img/genre_h2_bg.gif) no-repeat top left;
	margin:0 5px;
	padding:0 0 0 30px;
	}
	
.genreBox h2 a 		{display:block;	color:#2e7900;}
/*	.genreBox h2 a:hover{color:#4ac101;}	*/
	
.genreBox ul {
	width:90px;
	margin:0;
	padding:10px 0 0 15px;
	float:left;
	}
	
.genreBox li {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	}
	
.genreText {
	margin:0 0 0 10px;
	padding:0;
	font-size:0.9em;
	float:left;
	width:450px;
	}
	
.genreText h3 {
	font-size:0.9em;
	font-weight:bold;
	padding:10px 0 3px 5px;
	margin:0;
	border-bottom:1px solid #339933;
	}
	
.genreText p ,.genreText02 p {
	line-height:15px;
	margin:5px 0 10px 0;
	padding:0;
	}

.genreText02{
	margin:0 10px 0 10px;
	padding:0;
	font-size:0.8em;
	float:left;
	width:660px;
	}
	
.genreTable {
	width:600px;
	margin:10px 40px;
	border-collapse:collapse;
	font-size:0.9em;
	}
	
.genreTable th {
	border:solid 1px #2e7900;
	background:#dfffcc;
	color:#2e7900;
	padding:3px;
	vertical-align:top;
	}
	
.genreTable td {
	border:solid 1px #2e7900;
	line-height:20px;
	padding:3px 5px;
	vertical-align:top;
	}
	
.genreTable td.textR {
	text-align:right;
	}
	
.genreTable th.process {
	width:270px;
	}
	
.genreTable th.type {
	width:170px;
	}

/*  question  */

#qaList {
	margin:40px 0 40px 0;
	padding:20px;
	background:#f1f4f5;
	}

#qaList li {
	background:url(../img/i_q02.gif) top left no-repeat;
	padding:6px 0 10px 35px;
	font-weight:bold;
	color:#0084d8;
	list-style:none;
	}

#qaList a {
	color:#0084d8;
	}

#qaList a:hover {
	color:#ff3366;
	}

.qaBox {
	margin:40px 0 40px 0;
	}

.qaBox02 {
	background:url(../img/qa05_img.gif) no-repeat top right;
	margin:40px 0 40px 0;
	}

.headQ {
	background:url(../img/i_q.gif) top left no-repeat;
	padding:6px 0 10px 35px;
	font-weight:bold;
	color:#0084d8;
	}

.headA {
	background:url(../img/i_a.gif) top left no-repeat;
	padding:6px 0 10px 35px;
	}

.qaBox p ,.qaBox02 p {
	margin:0 0 10px 0;
	}

.normalTable ,.henkaTable {
	border-collapse:collapse;
	margin:0 0 10px 0;
	width:100%;
	color:#666666;
	}

.normalTable td {
	padding:3px;
	border:#d9dee0 1px solid;
	vertical-align:middle;
	text-align:center;
	}
	
.normalTable td.textL {
	text-align:left;
	}

.normalTable th {
	padding:3px;
	border:#d9dee0 1px solid;
	vertical-align:middle;
	text-align:center;
	background:#f7ffe9;
	}
	
.normalTable th.green {
	background:#e2ffae;
	}
	
.henkaTable td {
	padding:3px;
	border:#d9dee0 1px solid;
	vertical-align:middle;
	text-align:center;
	}

.henkaTable .red {
	padding:3px;
	border:#d9dee0 1px solid;
	vertical-align:middle;
	text-align:center;
	background:#ffecec;
	}
	
.henkaTable .blue {
	padding:3px;
	border:#d9dee0 1px solid;
	vertical-align:middle;
	text-align:center;
	background:#e6f0ff;
	}

.qaBox .pagetop ,.qaBox02 .pagetop {
	float:right;
	margin:20px 0 0 0;
	}
	


/*  order  */

.order01 {
	margin:0 10px 30px 10px;
	}
	
.order02 {
	width:640px;
	margin:15px 10px 0 10px;
	}
	
.order02 .pagetop {
	text-align:right;
	}
	
.orderBox01 {
	width:auto;
	height:auto;
	margin:0;
	padding:15px 0 0 0;
	}
	
.orderBox01 p {
	width:230px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	line-height:120%;
	}
	
.orderBox02 {
	margin:0;
	padding:0;
	float:left;
	}
	
.adobe {
	margin:0;
	padding:5px 0 0 0;
	}
	
.orderText {
	margin:0;
	padding:0 0 5px 0;
	}


/*  common  */

.clear {
	clear:both;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.form170 {
	width:170px;
	vertical-align:middle;
	}
	
.pdnRight10 {
	padding:0 10px 0 0;
	}
	
.pdnLtoR10 {
	padding:0 10px;
	}
	
.pdnTop10 {
	padding-top:10px;
	}
	
.mgnBtm10 {
	margin-bottom:10px;
	}
	
.mgnBtm20 {
	margin-bottom:20px;
	}