@charset "utf-8";

/* reset html5 start
==================================================================== */
html, body, div, span, object, iframe, blockquote, pre, abbr, address, cite, code,del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
content:'';
content: none;
}

ins { text-decoration: none; }

mark {
font-style: italic;
font-weight: bold;
}

del { text-decoration: line-through; }

abbr[title], dfn[title] {
border-bottom: 1px dotted #000000;
cursor: help;
}

input, select { vertical-align: middle; }
/* reset html5 end
==================================================================== */
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html { overflow-y: scroll; }

body {
margin: 0;
padding: 0;
color: #333333;
text-align: center;
font-size: 14px;
*font-size: small;
*font: x-small;
text-decoration: none;
font-family: Meiryo,"Lucida Grande","Hiragino Kaku Gothic ProN",sans-serif;
line-height: 1.7em;
letter-spacing: 0.1em;
background: #FFFFFF;
}

p {
margin: 0;
padding: 0;
line-height: 1.8em;
letter-spacing: 0.1em;
}

hr {
margin: 0;
padding: 0;
border: 0;
border: none;
}

img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: bottom;/* IE対策 未確定 */
/*
font-size: 100%;
vertical-align: baseline;
background: transparent;
*/
}

h1,h2,h3,h4,h5,h6,input,textarea {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
vertical-align: baseline;
background: transparent;
}

div,form {
margin: 0;
padding: 0;
}

area { outline: none; }

a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:link { color: #686868; }
a:visited { color: #686868; }
a:hover { color: #C0C0C0; }
a:focus { outline: none; }

a img {
transition:all 0.5s ease;/* 0.5秒かけて変化させる */
}

a img:hover {
opacity: 0.7;/* 要素の透明度を指定 */
filter: alpha(opacity=70);/* ie6、7の透明度指定 */
-ms-filter: "alpha(opacity=70)";/* ie8の透明度指定 */
}

/* table start --------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}

table th, table td {
text-align: left;
vertical-align: top;
}
/* table end --------------------------------------- */

ol,ul,li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style: none;
}

/* clear start
==================================================================== */
.clearfix:after {
content:".";
display: block;
clear: both;
height: 0;
visibility: hidden;
line-height: 0;
font-size: 0;
}

.clearfix {
min-height: 1px;
display: inline-table;
zoom: 1;
}

/* IE6 */
* htm .clearfix { height: 1%; }

/* IE7 */
*:first-child+html .clearfix { height: 1%; }

/* Hides from IE-mac \*/
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

.clearfix { display: block; }
/* End hide from IE-mac */
/* clear end
==================================================================== */



/* header start
==================================================================== */
header {
width: 1000px;
margin: 0 auto;
padding: 10px 0 0;
text-align: left;
}

#logo a {
font-size: 26px;
font-weight: bold;
text-decoration: none;
}





/* header end
==================================================================== */



div#main_wrapper {
width: 1000px;
margin: 0 auto;
padding: 0;
text-align: left;
overflow: hidden;
}

/*
div.contents {
width: 570px;
height: 100%;
}

/* side start
==================================================================== */
/* Facebook start --------------------------------------- */
div.fbcomments,
div.fb_iframe_widget,
div.fb_iframe_widget[style],
div.fb_iframe_widget iframe[style],
div.fbcomments iframe[style],
div.fb_iframe_widget span {
/*
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
*/
width: 100% !important;
padding: 0;
margin: 0;
*font-size: small;
*font: x-small;
*display: block;
*overflow: hidden;
}
/* Facebook end --------------------------------------- */
/* side end
==================================================================== */



/* title start
==================================================================== */
.contents_title01 {
margin-bottom: 20px;
display: block;
font-size: 139%;
color: #3b3f47;
line-height: 1.5em;
letter-spacing: 0.2em;
border-bottom: 2px solid #CCCCCC;
/*
text-align: center;
padding-bottom: 5px;
*/
/*
background: lightgray;
*/
}

.contents_title02 {
margin: 40px 0;
display: block;
font-size: 139%;
color: #3b3f47;
line-height: 1.5em;
letter-spacing: 0.2em;
border-bottom: 2px solid #CCCCCC;
/*
padding-bottom: 5px;
text-align: center;

*/
/*
background: lightgray;
*/
}

.contents_title01 i,
.contents_title02 i {
margin-right: 5px;
color: #969fb2;
}


.contents_title03 {
font-size: 154%;
font-weight: bold;
margin-bottom: 30px;
}

/* title end
==================================================================== */



/* home start
==================================================================== */
div#main_wrapper img {
max-width: 700px;
}

/* --------------------------------------- */

.box01 {
overflow: hidden;
/*
border: 1px solid #6688b6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
*/
}

.box01 img {
float: left;
width: 450px;
}

.box01 .box-t {
float: right;
width: 450px;
}

/* --------------------------------------- */

dl.regulations { margin: 15px; }

dl.regulations dt {
color: #33609e;
border-top: 1px solid #33609e;
border-bottom: 1px solid #33609e;
padding: 5px 0;
margin-bottom: 10px;
}

dl.regulations dd { margin-bottom: 30px; }

dl.regulations dd:last-child { margin: 0; }

/* --------------------------------------- */

dl.company {
margin: 0;
border: 1px solid #999999;
}

dl.company dt {
padding: 10px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
width: 280px;
float: left;
background: #fafafa;
}

dl.company dd {
padding: 10px;
border-bottom: 1px solid #999999;
overflow: hidden;
}

dl.company dt:last-child,
dl.company dd:last-child { border-bottom: none; }

/* --------------------------------------- */

.mail_btn {
text-align: center;
margin: 50px auto;
padding: 0;
}



.mail_btn a {
border: none;
text-decoration: none;
background: #33669e;
color: #FFFFFF;
padding: 20px 40px;
margin: 0;
font-family: Meiryo,"Lucida Grande","Hiragino Kaku Gothic ProN",sans-serif;
font-size: 123.1%;
display: inline-block;
border-radius: 30px;
transition:all 0.5s ease;/* 0.5秒かけて変化させる */
}

.mail_btn a:hover {
color: #333333;
background: #00bfff;
transition:all 0.5s ease;/* 0.5秒かけて変化させる */
}

/* --------------------------------------- */
/*
.navi_g-form {
margin: 30px 0;
text-align: center;
}

.navi_g-form a {
border: none;
text-decoration: none;
background: #33669e;
color: #FFFFFF;
padding: 10px 20px;
margin: 20px auto;
font-family: Meiryo,"Lucida Grande","Hiragino Kaku Gothic ProN",sans-serif;
font-size: 108%;
}

.navi_g-form a:hover {
color: #333333;
background: #c2d6e6;
}
/* home end
==================================================================== */



/* contact start
==================================================================== */
table.mail { margin: 20px 0 0; }

table.mail th {
width: 280px;
border: 1px solid #999999;
color: #444444;
padding: 5px;
font-size: 108%;
background: #fafafa;
}

table.mail td {
border: 1px solid #999999;
padding: 5px;
}

table.mail textarea {
width: 450px;
max-width: 450px;
}

table.mail select {
line-height: 1.5em;
letter-spacing: 0.1em;
}

table.mail input[type="checkbox"] { vertical-align: middle; }

table.mail select,
table.mail input[type="text"],
table.mail input[type="email"],
table.mail input[type="tel"],
table.mail textarea {
border: 1px solid #c5c5c5;
outline: none;
}

table.mail select:focus,
table.mail input[type="text"]:focus,
table.mail input[type="email"]:focus,
table.mail input[type="tel"]:focus,
table.mail textarea:focus {
border: 1px solid #e57f99;
}

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

.submit-img input[type="submit"],
.submit-img input[type="reset"] {
border: none;
color: #FFFFFF;
background: #20b2aa;
font-size: 131%;
padding: 10px 20px;
margin: 0 10px;
font-family: Meiryo,"Lucida Grande","Hiragino Kaku Gothic ProN",sans-serif;
border-radius: 30px;
}

.submit-img input[type="submit"]:hover,
.submit-img input[type="reset"]:hover { background: #008000; }


/* contact end
==================================================================== */



/* page_top start
==================================================================== */
#page-top {
position: fixed;/* ウインドウに対して絶対配置する + 位置の固定 */
bottom: 10px;
right: 0px;
font-weight: bold;
font-size: 153.9%;
}

#page-top a {
background: #33669e;
text-decoration: none;
color: #FFFFFF;
max-width: 90px;
padding: 5px 15px;
text-align: center;
display: block;
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
transition:all 0.5s ease;/* 0.5秒かけて変化させる */
}

#page-top a:hover {
opacity: 0.7;/* 要素の透明度を指定 */
filter: alpha(opacity=70);/* ie6、7の透明度指定 */
-ms-filter: "alpha(opacity=70)";/* ie8の透明度指定 */
}
/* page_top end
==================================================================== */



/* footer start
==================================================================== */
footer {
width: 100%;
margin: 0;
padding: 10px 0;
font-size: 93%;
background: #c0c0c0;
text-align: center;
}
/*
div#footer {
text-align: left;
margin: 0;
padding-top: 10px;
}
/* footer end
==================================================================== */



/* ------------ footerの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにする start --------------------------------------- */
html {
min-height: 100%;
position: relative;
}

body { margin-bottom: 6.5em; }

footer {
bottom: 0;
height: 6.5em;
position: absolute;
}
/* ------------ footerの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにする end --------------------------------------- */



/* ------------ moji start --------------------------------------- */
.mini { font-size: 85%; }
.big {
font-size: 123.1%;
}
.bold { font-weight: bold; }
.right { text-align: right; }
.center { text-align: center; }

.textdecoration_linethrough {
text-decoration: line-through;
}

.red { color: #8f0000; }
.blue { color: #00008b; }

.img_center {
display: block;
margin: 0 auto;
}

.btm_10 { margin-bottom: 10px; }
.btm_20 { margin-bottom: 20px; }
.btm_30 { margin-bottom: 30px; }
.btm_40 { margin-bottom: 40px; }

.top_10 { margin-top: 10px; }
.top_20 { margin-top: 20px; }
.top_30 { margin-top: 30px; }
.top_40 { margin-top: 40px; }
/* 棒線 solid / 線点 dashed / 丸点 dotted / 二重線 double */
/*
.text10 { font-size: 77%; }
.text11 { font-size: 85%; }
.text12 { font-size: 93%; }
.text13 { font-size: 100%; }
.text14 { font-size: 108%; }
.text15 { font-size: 116%; }
.text16 { font-size: 123.1%; }124%
.text17 { font-size: 131%; }
.text18 { font-size: 138.5%; }139%
.text19 { font-size: 146.5%; }147%
.text20 { font-size: 153.9%; }154%
.text21 { font-size: 162%; }
.text22 { font-size: 170%; }
.text23 { font-size: 177%; }
.text24 { font-size: 185%; }
.text25 { font-size: 193%; }
.text26 { font-size: 200%; }
*/
/* ------------ moji end --------------------------------------- */