﻿/* CSS レイアウト */

/*
----------------------------------------------------------
[header]
----------------------------------------------------------*/

#header_bar {
	width:100%;
	margin:0px auto;
	padding-top:25px;
}

#header {
	width: 960px;
	margin:0px auto;
	padding:0px;
}

#header_guide {
	margin:25px 0px 0px 460px;
	padding:0px;
	width:500px;
	position:absolute;
}

#header_logo {
	margin:0px;
	padding:0px;
	width:200px;
	height:60px;
}

#top_bar{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:url('images/top/navi_bg.gif') top left repeat-x;

}

#top_menu {
	width: 960px;
	margin:0 auto;
	padding:0px;
}


#header_path {
	width: 960px;
	margin:0px auto 10px auto;
	padding:5px;
	font-size:12px;
}

#header_list {
	width: 960px;
	margin:0px 0px 0px 10px;
	padding:0px;
}


/*
----------------------------------------------------------
[container]
----------------------------------------------------------*/

#container {
	width: 960px;
	margin:0 auto;
}

/*
----------------------------------------------------------
[left_content]
----------------------------------------------------------*/

#left_content {
	width: 500px;
	margin:20px 0px 0px 5px;
	float:left;
}

/*
----------------------------------------------------------
[right_content]
----------------------------------------------------------*/

#right_content {
	width:420px;
	float:right;
	margin:25px 10px 0px 0px;
}

/*
----------------------------------------------------------
[menu]
----------------------------------------------------------*/

#menu {
	width:200px;
	margin:10px 0px 0px 0px;
	float:left;
}

/*

/*
----------------------------------------------------------
[main]
----------------------------------------------------------*/

#main {
	width:420px;
	margin:10px 0px 0px 20px;
	float:left;
}

#main_contents {
	width:720px;
	margin:10px 5px 0px 0px;
	float:right;
}


/*

/*
----------------------------------------------------------
[movie]
----------------------------------------------------------*/

#movie {
	width:280px;
	margin:10px 10px 0px 0px;
	padding:0px;
	float:right;
}

/*

----------------------------------------------------------
[footer]
----------------------------------------------------------*/
#footer {
color:#999999;
background-color:#333333;
/*background:url('images/top/footer_bg.gif') bottom left repeat-x;*/
margin:30px 0px 0px 0px;
padding-bottom:10px;
border-top:2px solid #666666;
/*border-bottom:1px solid #CCCCCC;*/

}

#footer_guide {
	width: 960px;
	margin:0px auto 0px auto;
	padding:0px;
	/*text-align:center;*/

}

#footer_logo1 {
	width: 600px;
	color:#DDDDDD;
	/*font-size:10px;*/
	margin:0px;
	padding:10px 0px 0px 5px;
	float:left;
	/*text-align:center;*/
}

#footer_logo2 {
	width: 280px;
	color:#CCCCCC;
	/*font-size:10px;*/
	margin:0px;
	padding:5px 0px 0px 0px;
	float:left;
	/*text-align:right;*/
	/*text-align:center;*/
}

#footer_logo3 {
	width: 230px;
	color:#CCCCCC;
	font-size:10px;
	margin:20px 0px 0px 0px;
	padding:5px 20px 0px 0px;
	float:right;
	text-align:right;
	/*text-align:center;*/
}

/*
----------------------------------------------------------
[page_contents]
----------------------------------------------------------*/

#page_contents {
width: 960px;
margin:0 auto;
padding:0px;
}

#form1 {
margin:0px;
padding:0px;
}


/* CSS スタイル */

*{
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
font-size:12px;
color: #333333;
line-height:1.6em;
background:url('images/top/top_bg.gif') top left repeat-x;
}

a:link {
color:#333333;
}

a:visited{
color:#333333;
}

a:hover{
color: #0066CC;
}


h1 {
font-size:12px;
line-height:1.6em;
font-weight:normal;
margin:0px;
padding:0px;
}

h2{
margin-bottom:10px;
padding-top:5px;
padding-left:10px;
padding-bottom:3px;
border-left:5px solid #4775C0;
border-bottom:1px solid #cccccc;
font-size:14px;
font-weight:bold;
}

h3 {
margin:10px 5px 10px 5px;
padding-left:10px;
line-height:1.4em;
font-size:14px;
font-weight:bold;
color:#333333;
border-left:5px solid #4775C0;
}



p {
margin:15px 0px 0px 0px;
}

p.right {
margin:15px 10px 0px 0px;
text-align:right;
}

p.size14 {
font-size:14px;
line-height:1.8em;
}

li{
margin-bottom:10px;
}

img {
border: none;
}

.toplist {
width:140px;
margin:10px 0px 0px 0px;
padding:0px;
font-size:14px;
line-height:1.8em;
float:left;
}

.toplist ul {
list-style:none;
margin:0px;
padding:0px;
}

.toplist ul li {
list-style:none;
background-image:url(images/top/li.gif);
background-position:left center;
background-repeat:no-repeat;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 25px;
}

.toplist2 {
width:350px;
margin:10px 0px 0px 0px;
padding:0px;
font-size:14px;
line-height:1.8em;
float:left;
}

.toplist2 ul {
list-style:none;
margin:0px;
padding:0px;
}

.toplist2 ul li {
list-style:none;
background-position:left center;
background-repeat:no-repeat;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 5px;
}


.topline{
	color:#FFFFFF;
}

.topline ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.topline ul li{
	display: inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

.topline a{
	text-decoration:none; 
}

.left_navi{
	width:200px;
	margin:0px;
	padding:0px;
}

.left_menu{
	width:200px;
	margin:0px;
	padding:5px 0px 0px 0px;
	background:url('images/top/s_menu_bg.gif') top left repeat-y;
}

.left_text{
	width:180px;
	height:25px;
	line-height:25px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	background:url('images/top/s_menu_text.gif') center left no-repeat;
}

.left_text a{
	text-decoration:none
}


.left_text a:hover {
	color: #0066CC;
	text-decoration:underline;
}

.left_text_bottom{
	width:200px;
	height:20px;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:url('images/top/s_menu_bottom.gif') top left no-repeat;
}

.movie_contents {
	width:280px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url('images/top/r_douga_bg.gif') top left repeat-y;
}

/*.movie_left {
	width:150px;
	height:50px;
	margin:5px 5px 5px 5px;
	padding:0px;
	float:left;
}

.movie_right {
	width:100px;
	height:50px;
	margin:5px 5px 5px 5px;
	padding:0px;
	float:right;
}*/

.top_douga {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}

.top_douga_left {
	width:150px;
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:10px;
	line-height:1.6em;
	vertical-align:top;
}

.top_douga_right {
	width:100px;
	margin:0px;
	padding:0px 5px 0px 0px;
	vertical-align:top;
}

.douga_text{
	width:130px;
	height:25px;
	line-height:25px;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	background:url('images/top/r_douga_text.gif') center left no-repeat;
}

.right_banner{
	margin:10px 0px 0px 0px;
	padding:0px;
}

.release{
	width:410px;
	margin:0px;
	padding:5px;
	border-bottom:1px dotted;
	border-color:#CCCCCC;
}

.questionlist {
margin:10px 0px 0px 0px;
padding:0px;
line-height:1.8em;
}

.questionlist ul {
list-style:none;
margin:0px;
padding:0px;
}

.questionlist ul li {
list-style:none;
background-image:url(images/question/question.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 25px;
}

.answerlist {
margin:0px 0px 0px 0px;
padding:0px;
line-height:1.8em;
}

.answerlist ul {
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
}

.answerlist ul li {
list-style:none;
background-image:url(images/question/answer.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 25px;
}


.table_info{
width:420px;
border:0px;
background-color:#999999;
padding:0px;
margin:0px;
}

.table_info_b{
font-size: 14px;
padding: 5px;
margin:0px;
color: #333333;
background-color: #EBEBEB;
}

.table_info_w{
font-size: 14px;
padding: 5px;
margin:0px;
color: #333333;
background-color: #FFFFFF;
}


.menuline{
color:#999999;
display:block;
}

.menuline{
color:#F5F3E7;
display:block;
}

.menuline a{
	text-decoration:none;
	color:#F5F3E7;
}

.menuline a:visited{
	color:#F5F3E7;
}


.menuline a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


.menuline ul{
	list-style:none;
	margin:10px 0px 10px 0px;
	padding:0px;
}

.menuline ul li{
	display: inline;
	margin:0px;
	padding:0px 15px 0px 15px;
	border-right:1px solid;	
}

.menuline_first {
	display: inline;
	margin:0px;
	padding:0px 20px 0px 20px;
	border-left:1px solid;
	border-right:1px solid;	
}

.table_info2 {
	margin:0px;
	padding:0px;
	width:100%;
/*	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
*/
	}

.table_info2 th {
	width:20%;
	font-weight:normal;
	text-align:left;
	background-color: #F6F6F6;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 17px;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_info2 td {
	width:80%;
	background:#FFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	/*line-height: 17px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_info2_1 {
	margin:0px;
	padding:0px;
	width:100%;
/*	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
*/
	}

.table_info2_1 th {
	width:20%;
	font-weight:normal;
	text-align:left;
	background-color: #F6F6F6;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 22px;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_info2_1 td {
	width:80%;
	background:#FFF;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 15px;
	line-height: 1.7em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_product {
	margin:0px;
	padding:0px;
	width:100%;
	font-size:14px;
	line-height:1.8em;
/*	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
*/
	}

.table_product th {
	width:30%;
	font-weight:normal;
	text-align:left;
	background-color: #F6F6F6;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 17px;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_product td {
	width:70%;
	background:#FFF;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 14px;
	padding-left: 5px;
	/*line-height: 17px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}


.table_info3 {
	margin:0px 0px 10px 0px;
	padding:0px;
	width:100%;
/*	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
*/
	}

.table_info3 th {
	width:90px;
	font-weight:normal;
	text-align:center;
/*	background-color: #F6F6F6; */
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 2px;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_info3 td {
	width:100px;
	font-size:12px;
	text-align:left;
	background:#FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 2px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_info3 td a {
	text-decoration: none;
	color:#333333;
}

.table_info3 td a:hover {
	color:#666666;	
}

.table_info250 {
	margin:0px;
	padding:0px;
	width:100%;
/*	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
*/
	}
	
.table_info250 td {
	width:250px;
	font-size:12px;
	text-align:left;
	background:#FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 2px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_info250 td a {
	text-decoration: none;
	color:#333333;
}

.table_info250 td a:hover {
	color:#666666;	
}

.table_info250_2 {
	margin:0px;
	padding:0px;
	width:100%;
/*	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
*/
	}
	
.table_info250_2 td {
	width:125px;
	font-size:12px;
	text-align:left;
	background:#FFF;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	line-height: 16px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
*/
}

.table_info250_2 td a {
	text-decoration: none;
	color:#333333;
}

.table_info250_2 td a:hover {
	color:#666666;	
}

.table_inquiry {
	margin:0px;
	padding:0px;
	width:100%;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#DDDDDD;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#DDDDDD;
}

.table_inquiry th {
	width:25%;
	font-weight:normal;
	text-align:left;
	background-color: #F6F6F6;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 17px;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}


.table_inquiry td {
	width:75%;
	/*background:#FFF;*/
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	/*line-height: 17px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.table_inquiry960 {
	margin:0px;
	padding:0px;
	width:100%;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#DDDDDD;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#DDDDDD;
}

.table_inquiry960 th {
	width:15%;
	font-weight:normal;
	font-size:14px;
	text-align:left;
	background-color: #F6F6F6;
	padding: 15px;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}


.table_inquiry960 td {
	width:85%;
	/*background:#FFF;*/
	font-size:14px;
	padding: 15px;
	/*line-height: 17px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}


.product_1 {
	width:140px;
	margin:10px 0px 30px 10px;
	padding:0px;
	float:left;
	display:inline;
}

.product_1 p {
	margin-top:7px;
}

.product_2 {
	width:140px;
	margin:10px 0px 30px 40px;
	padding:0px;
	float:left;
	display:inline;
}

.product_2 p {
	margin-top:7px;
}

.product_spec {
	width:500px;
	margin:10px 0px 0px 40px;
	padding:0px;
	float:left;
}

.table_spec {
	margin:0px;
	padding:0px;
	width:100%;
	border-width:1px;
	border-style:solid;
	border-color:#BBBBBB;
	border-collapse: collapse;
}

.table_spec th {
	margin:0px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#BBBBBB;
	background: #F5F5F5;
}

.table_spec td {
	margin:0px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#BBBBBB;
}

.table_spec2 {
	margin:5px 0px 0px 0px;
	padding:0px;
	width:100%;
}

.table_spec2 th {
	width:22%;
	margin:0px;
	padding:1px 0px 1px 0px;
	font-weight:normal;
	text-align:left;
}

.table_spec2 td {
	width:78%;
	margin:0px;
	padding:1px 0px 1px 0px;
}

.order_first {
	width:270px;
	height:300px;
	margin:20px 0px 0px 0px;
	padding:15px;
	float:left;
	display:inline;
	border:1px solid #CCCCCC;
}

.order_second {
	width:270px;
	height:300px;
	margin:20px 0px 0px 26px;
	padding:15px;
	float:left;
	display:inline;
	border:1px solid #CCCCCC;
}

.maintable{
	margin:10px 0px 0px 0px;
	text-align:center;
	width:960px;
}

.f_left{
	float:left;
	margin-right:40px;
}

.f_left2{
	float:left;
	margin-right:20px;
}


.f_right{
	float:right;
}


br.spacing {
	margin-top:20px;
}

.global_container {
	width: 960px;
	margin:0px auto 20px auto;
	display: inline-block;
}


.global_table_info{
width:420px;
border:0px;
background-color:#999999;
padding:0px;
margin:0px;
}

.global_table_info_b{
width:70px;
font-size: 14px;
padding: 5px;
margin:0px;
color: #333333;
background-color: #EBEBEB;
}

.global_table_info_w{
width:350px;
font-size: 14px;
padding: 5px;
margin:0px;
color: #333333;
background-color: #FFFFFF;
}

.global_table_info2{
width:520px;
border:0px;
background-color:#999999;
padding:0px;
margin:0px;
}

.global_table_info2_b{
width:100px;
font-size: 14px;
padding: 5px;
margin:0px;
color: #333333;
background-color: #EBEBEB;
}

.global_table_info2_w{
width:420px;
font-size: 14px;
padding: 5px;
margin:0px;
color: #333333;
background-color: #FFFFFF;
}

.alert{
margin:5px;
color:#FF0000;
}

.bill table{	
	border:1px solid #003300;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#EFF3FB;
	line-height:120%;
}



.bill th{
	padding:2px;
	border-right:1px solid #003300;
	border-bottom:1px solid #003300;
	background-color:#507CD1;
	font-size:10pt;
	color:#FFFFFF;
	line-height:120%;
	}
.bill td{
	padding:2px;
	border-right:1px solid #003300;
	border-bottom:1px solid #003300;
	background-color:#EFF3FB;
	font-size:9pt;
	font-weight:normal;
	line-height:120%;
	text-align:left;
    }






/*//////////////// 外枠の高さ調整 /////////////////////////*/

.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} 

.global_container:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} 


.clearfix {
display: inline-block;
} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
* html .global_container {height: 1%;} 
.global_container  {display: block;} 
/* End hide from IE-mac */

/*//////////////// 外枠の高さ調整　終わり /////////////////////////*/

