@charset "UTF-8";
/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer, div, span, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, table, tr, th, td, tbody, thead, tfoot{
margin: 0px auto;
padding: 0;
}
img{
border: 0;
}
body{
width: 100%;
background-color : #ffffff;
font : normal normal normal 14px /1.7 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
}
a:link{
color: #005ebb;
letter-spacing: 1px;
}
a:hover{
color: navy;
}
a:visited{
color: #005ebb;
}
/*---------- ヘッダー ----------*/

header{
width: 100%;
}
header h1{
padding: 5px 0 5px 0;
text-align: center;
color: red;
font-size: 16px;
font-weight: 400;
}
header h1 a{
color: #333333 !important;
text-decoration: none;
font-size: 18px;
}
header h1 a:hover{
color: #004080 !important;
text-decoration: underline;
font-size: 18px;
}
header img.main_photo{
width: 100%;
height: auto;
}
#page_top{
margin: 0;
padding: 0;
}
/*---------- コンテンツ ----------*/

#content{
padding: 6px;
}
section{
margin: 0px auto 8px;
margin-left: auto;
}
section h2{
margin: 0 0 8px 0;
padding: 5px 14px 3px;
font-size: 14px;
color: #ffffff;
border-bottom: 1px solid #cccccc;
background: url(../img/h_bg.gif) center center / auto auto repeat-x scroll padding-box border-box transparent;
}
section p{
margin: 0 0 12px 0;
padding: 3px 0;
line-height: 1.8;
}
section .gray_bg{
margin: 8px 0 8px 0;
padding: 2px 8px 2px 8px;
line-height: 1.7;
letter-spacing: 1px;
border-top: solid 1px #dddddd;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
border-left: solid 1px #dddddd;
background-color: #eeeeee;
}
section .gray_bg p{
padding: 3px;
line-height: 1.7;
letter-spacing: 1px;
}
section img.picture{
margin: 0 10px 10px 0;
float: left;
}
section img.picture_r{
margin: 0 0 10px 10px;
float: right;
}
section span.red{
color: #e60033;
}
section span.red_b{
color: #e60033;
font-weight: bold;
}
section span.blue{
color: #007bbb;
}
section span.pink{
color: #c53d43;
}
section span.brown{
color: #993300;
}
section span.brown_b{
color: #993300;
font-weight: bold;
}
section span.green{
color: #00ae4f;
}
section table.table_line{
width: 100%;
border-collapse: collapse;
border: solid 1px #bbbbbb;
margin: 8px  0 8px 0;
}
section td.table_line{
border-collapse: collapse;
border: solid 1px #bbbbbb;
padding: 8px 10px 8px 10px;
}
/*---------- ナビ ----------*/

nav{
width: 100%;
text-decoration: none;
margin: 0 0 10px 0;
background: url(img/nav_bg.gif) repeat-x;
}
nav h2{
padding: 5px 0 3px 14px;
font-size: 14px;
color: white;
border-bottom: 1px solid #cccccc;
background: #cc0000;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
background-size: auto auto;
background-origin: padding-box;
background-clip: border-box;
}
nav ul{
width: 100%;
border-top: solid 1px;
border-top-color: #cccccc;
}
nav li{
width: 100%;
list-style: none;
text-align: center;
}
nav li a{
padding: 10px;
display: block;
color: #005ebb !important;
font-weight: bold;
text-decoration: none;
border-bottom: solid 2px;
border-bottom-color: #cccccc;
background: url(img/nav_bg.gif) repeat-x;
}
nav li a:hover{
color: #004080 !important;
display: block;
font-weight: bold;
text-decoration: none;
border-bottom: solid 2px;
border-bottom-color: #cccccc;
background: url(img/nav_bg_hover.gif) repeat-x;
}
/*---------- トップに戻る ----------*/

#page_back{
margin: 0 0 8px 0;
padding: 0 6px 0 0;
text-align: right;
}
/*---------- フッター ----------*/

footer{
width: 100%;
padding: 10px 0 10px 0;
color: #333333;
text-align: center;
border-top: 1px solid #cccccc;
}
footer p{
padding: 10px;
color: #555555;
}
footer a{
color: #555555 !important;
}
footer a:hover{
color: #777777 !important;
}
footer a:visited{
color: #555555;
}
footer p.copy{
padding: 10px;
font-size: 12px;
color: #555555;
}
footer p.copy a{
color: #005ebb !important;
text-decoration: none;
}
footer p.copy a:hover{
color: #004080 !important;
text-decoration: underline;
}
footer p.copy a:visited{
color: #005ebb;
text-decoration: none;
}
/*---------- 装飾 ----------*/

#pc{
text-align: left;
padding-left: 12px;
}
#title{
font-size: 14px;
letter-spacing: 1px;
padding-top: 4px;
color: black;
text-align: center;
background-color: #eeffee;
padding-bottom: 4px;
}
#policy{
color: blue;
text-align: left;
margin-left: 24px;
padding-top: 12px;
}
#back{
text-align: left;
padding-top: 24px;
margin-left: auto;
margin-bottom: 12px;
margin-right: auto;
}
.blue{
font-weight: bold;
color: blue;
}
.red{
color: red;
}
.li_data{
margin-left: 24px;
}
.item{
clear: left;
background-color: #f8f8f8;
text-align: left;
padding-left: 12px;
margin-top: 24px;
margin-bottom: 10px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
color: #333333;
letter-spacing: 1px;
}
.input{
width: 400px;
float: left;
clear: left;
margin-left : 2px;
margin-right : 2px;
margin-bottom : 8px;
}
form{
padding-right: 20px;
padding-bottom: 20px;
margin-top: auto;
margin-left: 0px;
margin-right: 0px;
margin-bottom: auto;
}
.check{
font-weight: 400;
color: red;
}
.check_no{
font-weight: 400;
color: blue;
}
.privacy{
text-align : right;
}
.ill{
text-align : left;
}
/*---------- 横揺れ防止 ----------*/

.select_size{
width : 300px;
height : 35px;
font-size : 12px;
}
.est_no{
width : 270px;
height : 35px;
font-size : 14px;
}