@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 : #eef7ff;
font : normal normal normal 14px /1.7 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
background-attachment : fixed;
}
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 12px;
width : 840px;
background-color : white;
padding-left : 24px;
padding-right : 24px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #d4d4d4;
border-left-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-color : #d4d4d4;
border-right-color : #d4d4d4;
border-bottom-color : #d4d4d4;
}
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-right : 0px;
padding-bottom : 10px;
padding-left : 0px;
color : #333333;
text-align: center;
letter-spacing : 1px;
}
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 : white;
background-color : #444444;
background-image : url(../img/footer.gif);
background-repeat : repeat-x;
}
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;
}
/*---------- 装飾 ----------*/

.blue{
font-weight : 400;
color: blue;
}
.li_data{
margin-left: 24px;
}
#pc{
text-align: left;
padding-left: 12px;
}
.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 : #464646;
letter-spacing : 1px;
background-image : url(../img/item.gif);
background-repeat : repeat-x;
}
.input{
width: 400px;
float: left;
clear: left;
}
form{
padding-right: 20px;
padding-bottom: 20px;
margin-top: auto;
margin-left: 0px;
margin-right: 0px;
margin-bottom: auto;
}
#back{
text-align : left;
padding-top : 24px;
margin-left : auto;
margin-bottom : 12px;
margin-right : auto;
}
#title{
font-size : 16px;
letter-spacing : 1px;
padding-top : 4px;
color : white;
text-align : center;
background-color : navy;
padding-bottom : 4px;
background-image : url(../img/title.gif);
background-repeat : repeat-x;
}
#policy{
color : blue;
text-align : left;
margin-left : 24px;
padding-top : 12px;
}
.red{
color : red;
}
.check{
font-weight : 400;
color : red;
}
.check_no{
font-weight : 400;
color : blue;
}
textarea{
width : 500px;
background-color : #fffff0;
}
#input{
text-align : center;
margin-left : 2px;
margin-right : 2px;
margin-bottom : 8px;
}
input{
font-size : 14px;
color : #464646;
padding-top : 4px;
padding-bottom : 4px;
font-weight : bold;
cursor : pointer;
letter-spacing : 1px;
margin-left : 2px;
margin-right : 2px;
margin-bottom : 8px;
background-color : #fffff0;
}
.input_01{
background-color : #f6f6f6;
}
select{
background-color : #fffff0;
}
.input_02{
width : 240px;
font-size : 18px;
padding-top : 8px;
background-color : #444444;
padding-bottom : 8px;
color : white;
background-image : url(../img/input.gif);
background-repeat : repeat-x;
font-weight : 400;
}
.post{
padding-left : 38px;
}
.add{
padding-left : 12px;
}
.privacy{
text-align : right;
}
.ill{
text-align : left;
}
.tick{
font-weight : bold;
}