﻿/* CSS レイアウト */

/*
----------------------------------------------------------
[header]
----------------------------------------------------------*/
#header {
	width: 960px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
}

/*
----------------------------------------------------------
[container]
----------------------------------------------------------*/

#container {
	width: 960px;
	margin:0px auto;
}


/*
----------------------------------------------------------
[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 {
margin:0px auto;
padding:0px;
width: 960px;
}

#footer a:link {
color:#FFFFFF;
}

#footer a:visited{
color:#FFFFFF;
}

#footer a:hover{
color: #DDDDDD;
}

#footer a{
text-decoration:none; 
}


#footer_logo1 {
	width: 960px;
	height:19px;
	color:#FFFFFF;
	background:url('images/fotter_line.jpg') top left repeat-x;
	margin:0px;
	padding:10px 0px 5px 5px;
}

#footer_logo2 {
	width: 960px;
	/*font-size:10px;*/
	margin:0px;
	padding:5px 0px 5px 5px;
	background-color:#C3C3C3;
	/*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 スタイル */

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;
font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

a:link {
color:#333333;
}

a:visited{
color:#333333;
}

a:hover{
color: #0066CC;
}


h1 {
font-size:15px;
line-height:1.6em;
font-weight:normal;
margin:0px;
padding:0px;
}

h2{

padding:3px;
margin-left:5px;
border-left:1px solid #DDDDDD;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background-color: #FAFAFA;
letter-spacing: 3px;
font-weight:bold;
font-size:1.2em;

/*background-color:#FAFAFA;*/
}

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;
}



.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;
    }

dt {
font-size:10.5pt;
letter-spacing:1px;
margin-top:5px;
}

dd {
font-size:10pt;
letter-spacing:1px;
margin-top:10px;
	}

.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;
}
.order_first {
	width:270px;
	height:250px;
	margin:20px 0px 0px 0px;
	padding:5px;
	float:left;
	display:inline;
	border:1px solid #CCCCCC;
	background-color:#EFF3FB;
}

.order_second {
	width:270px;
	height:250px;
	margin:20px 0px 0px 26px;
	padding:5px;
	float:left;
	display:inline;
	border:1px solid #CCCCCC;
	background-color:#EFF3FB;
}

.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;
}

.alert{
margin:5px;
color:#FF0000;
}


/*//////////////// 外枠の高さ調整 /////////////////////////*/

.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 */

/*//////////////// 外枠の高さ調整　終わり /////////////////////////*/

