html, body {height:100%;}
html { scrollbar-arrow-color: gray; scrollbar-base-color: #fff; scrollbar-darkshadow-color: gray; scrollbar-highlight-color: #eee; scrollbar-shadow-color: #eee;}
body { background:#FFF; background-position:50% 0%; margin: 0 auto; color:#000; font-size:14px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
html, body, h1, h2, h3, menu, ul, li {margin:0;padding:0;}

h2 {text-indent:-9999px;}
a {color:#000;text-decoration:underline;}
a:hover {color:#ff509e;text-decoration:underline;}

#container {width:980px;margin:0 auto; background-color:#FFFFFF;}

/* =================================== */
/* header */
/* =================================== */
#header {float:left;background: url("image/head_bg.png") no-repeat;width:980px;height:70px;margin:0 0 10px 0; padding:0; background-color:#FFFFFF; position:relative;}
h1{font-size:16px; margin-top:5px; padding:0;}
h1 a{text-decoration:none;}

/* ================================== */
/* ヘッダー下バナー */
/* ================================== */
img.hb {float:left;width:730px;height:70px;border:0;border:solid 1px #666666;margin:2px 5px 0 0;}


/* ================================== */
/* メニュー */
/* ================================== */
#menu {float:left;width:980px;height:60px;}
#menu ul {list-style-type:none;}
#menu li {display:inline;width:140px;height:30px;float:left;}
img.menu {width:135px;height:25px;border:none;}


/* ================================== */
/* main_left */
/* ================================== */
#main_left {float:left;width:730px;}
#main_left ul {list-style-type:none;}
#main_left li {display:inline;float:left;}


/* ================================= */
/* main_contents h2 */
/* ================================= */
h2.top {background:url(image/top/1602.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.inexperience {background:url(image/inexperience.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.experience {background:url(image/experience.jpg)  no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.system {background:url(image/system.jpg)  no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.transfer {background:url(image/transfer.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.comming {background:url(image/comming.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.collection  {background:url(image/collection.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.flow {background:url(image/flow.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.question {background:url(image/question.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.intro {background:url(image/intro.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.friend {background:url(image/friend.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.independence {background:url(image/independence.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}
h2.message {background:url(image/message.jpg) no-repeat;width:980px;height:300px; margin:0; margin-bottom:10px; text-indent:-9999px;}



/* ================================= */
/*h3*/
/* ================================= */

h3.top1{background:url(image/top1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top2{background:url(image/top2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top3{background:url(image/top3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top4{background:url(image/top4.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top5{background:url(image/top5.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top6{background:url(image/top6.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top7{background:url(image/top7.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top8{background:url(image/top8.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top9{background:url(image/top9.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top10{background:url(image/top10.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top11{background:url(image/top11.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top12{background:url(image/top12.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.top13{background:url(image/top13.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}



h3.system1{background:url(image/system1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system2{background:url(image/system2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system3{background:url(image/system3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system4{background:url(image/system4.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system5{background:url(image/system5.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system6{background:url(image/system6.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system7{background:url(image/system7.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system8{background:url(image/system8.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.system9{background:url(image/system9.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}

h3.transfer1{background:url(image/transfer1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.transfer2{background:url(image/transfer2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.transfer3{background:url(image/transfer3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.transfer4{background:url(image/transfer4.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.transfer5{background:url(image/transfer5.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.transfer6{background:url(image/transfer6.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.transfer7{background:url(image/transfer7.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}


h3.comming1{background:url(image/comming1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.comming2{background:url(image/comming2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.comming3{background:url(image/comming3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.comming4{background:url(image/comming4.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}



h3.collection1{background:url(image/collection1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.collection2{background:url(image/collection2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.collection3{background:url(image/collection3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}

h3.flow1{background:url(image/flow1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.flow2{background:url(image/flow2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.flow3{background:url(image/flow3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.flow4{background:url(image/flow4.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.flow5{background:url(image/flow5.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.flow6{background:url(image/flow6.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.flow7{background:url(image/flow7.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}


h3.question1{background:url(image/question1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.question2{background:url(image/question2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.question3{background:url(image/question3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}

h3.intro1{background:url(image/intro1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}

h3.friend1{background:url(image/friend1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}


h3.independence1{background:url(image/independence1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.independence2{background:url(image/independence2.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.independence3{background:url(image/independence3.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}
h3.independence4{background:url(image/independence4.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}

h3.message1{background:url(image/message1.jpg) no-repeat;width:730px;height:50px; margin:0; text-indent:-9999px;}


/* ================================== */
/* main_right */
/* ================================== */
#main_right { float:left;width:240px; margin-left:10px;}

/* ================================== */
/* banner_area */
/* ================================== */
#main_right #banner_area {float:left;width:240px;min-height:500px;_height:500px;}
img.banner {float:left;width:240px;border:1px solid #999999;margin:0 0 10px 0;}

/* ================================== */
/* footer */
/* ================================== */

#footer_area {background-color:#F00;}
#footer {width:980px;margin:0 auto; }
#footer,#footer  a{ color:#FFF; text-decoration:none; padding:5px 0;}
.menub {float:left;width:980px;position:relative;top:10px;}
address{margin:20px 0;}

/* ==============================================
 side_menu
=============================================== */
#floatMenu {position:fixed;	bottom:10px;right:10px;}
#floatMenu img{	border:none;}

/* ==============================================
mail_btn
=============================================== */
img.mail_btn {float:left;width:385px;height:41px;border:none;position:absolute;top:30px;left:500px;}


/* ==============================================
question
=============================================== */
p.q{ font-weight:bold; color:#ff0000; margin:20px;}
p.a{margin:20px;}
/* ==============================================
message
=============================================== */
p.t{ font-weight:bold; color:#ff0000;}


/* ==============================================
system_table
=============================================== */

table.table1{ width:730px; margin-bottom:10px;line-height: 1.4em;font-style: normal;border-collapse:separate;}
.table1 thead th{ padding:15px; color:#fff; border:1px solid #ff0000;background-color:#ff4f4f;}
.table1 thead th:empty{background:transparent;border:none;}
.table1 tbody th{color:#fff;background-color:#ff4f4f;border:1px solid #ff0000;padding:0px 15px;}
.table1 tbody td{ padding:15px; text-align:center; border: 1px solid #ff0000;}



/* ==============================================
system_table
=============================================== */



table.table2{ width:730px; margin:5px 0 10px 0;line-height: 1.4em;font-style: normal;border-collapse:separate;}
.table2 tbody th{color:#fff;background-color:#ff4f4f;border:1px solid #ff0000;padding:0px 15px; width:130px;}
.table2 tbody td{ padding:15px; border: 1px solid #ff0000;}