@charset "utf-8"; /* important */
@import "layout.css";
@import "clearfix.css";


/* ------------------------------
 SAISON Common style
------------------------------ */

/*　------- style reset -------　*/

*{
margin:0;
padding:0;
}

ul,ol{
margin:0 0 0 20px;
}

img{
border:0;
}


/*　------- default style -------　*/

strong{
color:#ff0000;
}

em{
color:#ff0000;
font-style:normal;
}

/*　------- class style -------　*/


p.catch{
line-height:150%;
margin:0 0 15px 0;
font-size:110%;
}

p.notice,
span.notice{
font-size:85%;
}

p.linkarea{
text-align:right;
}


.explanation{
font-size:110%;
}

.attract{
font-size:120%;
margin:10px 0;
}

ul.attract{
font-size:120%;
margin:10px 10px 10px 20px;
}

.cautionmark{
text-indent:-1em;
margin-left:1em;
}

div.first{
float:left;
}

div.second{
float:left;
}


.txt_area{
clear:both;
margin:0 0 15px 0;
}

a.mark{
background:url(/netanswer/images/mainmenu_list_mark.gif) no-repeat;
padding:0 0 0 12px;
}

a.mark img{
vertical-align:middle;
}


a.zoom{
background:url(/netanswer/images/link_mark_zoom.gif) no-repeat right;
padding:0 20px 0 0;
line-height:150%;
}

div.btnarea{
clear:both;
text-align:center;
margin:0 0 20px 0;
}

div.btnarea2{
clear:both;
text-align:center;
margin:0 0 10px 0;
}

div.btnarea3{
clear:both;
text-align:center;
}



div.pctarea{
text-align:center;
margin:0 0 10px 0;
}

div.pctarea2{
text-align:center;
margin:10px 0;
}



/*　------- common style -------　*/

body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
font-size: 13px;/* fontsize　85%相当 */
*font-size: small;/* for IE7 */
*font: x-small;/* for IE6 */
}

th,td{
font-size: 13px;/* fontsize　85%相当 */
*font-size: small;/* for IE7 */
*font: x-small;/* for IE6 */
}

div#wrap{
width:100%;
background-color:#ffffff;
padding:0 0 15px;
}

div#wrap p{
line-height:130%;
}

a{
color:#0000FF;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


a.arrow{ /* 矢印付きリンクを指定する場合に使用 */
background:no-repeat left top;
padding-left:14px;
text-decoration:none;
font-size:12px;
background-repeat:no-repeat;
line-height:1em;
}

a.arrow:hover{
background-position:left -41px;
text-decoration:underline;
}

a.right{background-image:url(images/common/com_ic001.gif);} /* → */
a.up{background-image:url(images/common/com_ic002.gif);} /* ↑ */
a.down{background-image:url(images/common/com_ic003.gif);} /* ↓ */

/* ------------------------------
 Wrapper
------------------------------ */

div#wrap{
overflow: hidden;
}

div#wrap:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/*\*/
* html div#wrap {height: 1em; overflow: visible;}
/**/

.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

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


/* ------------------------------
 Header
------------------------------ */

div#head{
width:772px;
background:url(images/head_bg.gif) no-repeat top left #536dbe;
height:80px;
}

div#head h1{
margin:30px 0 0 16px;
float:left;
_display:inline; /* IE6 */
}

div#head h1 a{
display:block;
width:169px;
height:19px;
background:url(images/header/logo.gif) no-repeat;
}

div#head h1 a span{
display:none;
}

div#head ul{
list-style:none;
}

div#head ul li{
position:absolute;
}

div#head ul li a{
display:block;
height:11px;
background:no-repeat;
}

div#head ul li a:hover{
background-position:left bottom;
}

div#head ul li.qa{
width:32px;left:451px;top:6px;
}
div#head ul li.sitemap{
width:71px;left:493px;top:6px;
}
div#head ul li.procedure{
width:69px;left:209px;top:37px;
}
div#head ul li.contact{
width:70px;left:300px;top:37px;
}
div#head ul li.lost{
width:89px;left:389px;top:37px;
}
div#head ul li.counter{
width:139px;left:489px;top:37px;
}

div#head ul li.qa a{background-image:url(images/header/qa.gif);}
div#head ul li.sitemap a{background-image:url(images/header/sitemap.gif);}
div#head ul li.procedure a{background-image:url(images/header/procedure.gif);}
div#head ul li.contact a{background-image:url(images/header/contact.gif);}
div#head ul li.lost a{background-image:url(images/header/lost.gif);}
div#head ul li.counter a{background-image:url(images/header/counter.gif);}

div#head ul li a span{
display:none;
}

div#head div#search{
margin:5px 0 0 0;
height:25px;
position:absolute;
left:572px;
width:200px;
}

div#head div#search div.textfield{
float:left;
_display:inline; /* IE6 */
width:138px;

}

div#head div#search div.search_btn{
float:left;
_display:inline; /* IE6 */
width:41px;
height:22px;
margin-left:6px;
}

div#head div#search input.search_btn{
width:41px;
height:22px;
}

div#head div#search input.textfield{
width:138px;
background:#DDE2F2;
border:1px solid #717787;
padding:2px 0 0;
height:16px;
}

/* ------------------------------
 Foot Navi
------------------------------ */

ul#foot_navi{
text-align:center;
font-size:80%;
margin:0 auto 15px;
line-height:140%;
list-style:none;
width:693px;
overflow:auto;
}

ul#foot_navi li{
border-right:1px solid #000000;
display:block;
float:left;
_display:inline; /* IE6 */
margin:1px 0;
}

ul#foot_navi li.end{
border:none;
}

ul#foot_navi li.na{
margin-left:100px;
}

/* ------------------------------
 Footer
------------------------------ */

div#foot{
background:#ffffff;
background:url(images/footer_bg.gif) no-repeat top;
font-size:80%;
_width:100%; /* IE6 */
overflow:hidden;
}

div#foot div.wrapper{
margin:15px auto 0;
width:740px;
overflow:hidden;
}

div#foot div.wrapper div.logo{
float:left;
}

div#foot div.wrapper div.copy{
width:150px;
float:left;
margin-left:20px;
_display:inline; /* IE6 */
font-family:Arial;
font-size:10px;
}

body*div#foot div.wrapper div.copy{
font-family:Geneva; /* for NN7 Star7 Hack */
}

div#foot div.wrapper div.env{
width:367px;
float:left;
_display:inline; /* IE6 */
padding-left:15px;
letter-spacing:1px;
*letter-spacing:0; /* IE6&7 */
margin-right:8px;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
line-height:1.2em;
}

div#foot div.wrapper div.pm{
float:left;
}

div#foot ul{
margin:15px auto 0;
width:708px;
overflow:auto;
}

div#foot ul li{
display:block;
float:left;
text-align:center;
border-right:1px solid #000000;
/* ---- for Firefox ---- */
letter-spacing:1px;
/* ---- Set back for IE6&7 ---- */
*letter-spacing:normal; 
}

div#foot ul li.end{
border:none;
}


/* ------------------------------
Importer
------------------------------ */

div#wrap div.contents div.import_w511{
width:511px;
margin:0 auto 20px;
border:solid 1px #eeeeee;
_margin:0 16px 20px; /* for IE6 quirks mode */
}

div#wrap div.contents div.import_w511 div.body{
margin:10px;
}

div#wrap div.contents div.import_w511 div.body p{
margin-bottom:1em;
}

div#wrap div.contents div.import_w511 h2{
clear:none;
margin:0;
}

div#wrap div.contents div.import_w511 h3{
margin:30px auto 10px;
text-align:center;
}

/* ------------------------------
old site
------------------------------ */

table.ca-li-links{
border-collapse:collapse;
margin:30px auto 0;
width:480px;
}

table.ca-li-links td{
border:solid 1px #666666;
padding:5px;
}

table.ca-li-links td a{
font-size:11px;
}

.ca-li-infored {
color: #CC0000;
font-size: 120%;
font-weight: bold;
}


table.tel,
table.general{
border:solid 1px #333333;
border-collapse: collapse;
margin:2px auto 20px;
}

table.tel th,
table.tel td,
table.general th,
table.general td
{
border:solid 1px #333333;
font-size:90%;
padding:5px;
}

table.tel th{
background-color:#f0f4fc;
width:170px;
}

table.tel td{
width:300px;
padding:5px 0 5px 10px;
}

table.tel td p{
margin-left:10px;
}

table .emphasis-lv1{background-color:#F0F4FC;}
table .emphasis-lv2{background-color:#DEE8FC;}
table .emphasis-lv3{background-color:#BDD2FC;}






/*  ============= old css from here ============== */


/* ------------------------------
 Header
------------------------------ */

div#header{
width:772px;
background:url(images/head_bg.gif) no-repeat bottom left #536dbe;
overflow: hidden;
}


div#header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#header {
    height: 1em;
    overflow: visible;
}
/**/


div#header h1{
width:199px;
margin:14px 0 0 0;
float:left;
}

div#header div#gnavi{
width:573px;
float:left;
}

div#header img,
div#header input{
display:block;
}

div#header div#gnavi_search{
margin:5px 0 0 0;
height:24px;
position:relative;
left:256px;
}


div#header div#gnavi_search ul{
margin:0;
padding:0;
list-style-type:none;
}


div#header div#gnavi_search ul li{
margin:0;
padding:0;
float:left;
}

div#header div#gnavi_search input.search_btn{
width:41px;
height:22px;
margin:0 0 0 5px;
}

div#header div#gnavi_search input.textfield{
width:138px;
background:#DDE2F2;
border:1px solid #717787;
margin:0 0 0 10px;
padding:2px;
height:20px;
_height:22px;
}

div#header div#gnavi_menu{
clear:left;
height:51px;
}

html>body div#header div#gnavi_menu{
height:50px;
}


div#header div#gnavi_menu ul{
margin:0;
padding:0;
list-style-type:none;
}

div#header div#gnavi_menu ul li{
margin:0;
padding:0;
float:left;
}

div#header div#gnavi_menu ul li.sub{
padding-left:10px;}


/* ------------------------------
 Footer
------------------------------ */

div#foot_navi{
clear:both;
text-align:center;
background:#ffffff;
font-size:80%;
margin:0 80px 15px;
line-height:140%;
}

div#footer{
background:#ffffff;
background:url(images/footer_bg.gif) no-repeat top;
padding:10px 0 0 15px;
}

div#footer ul{
margin:15px 0 0;
padding:0;
list-style-type:none;
}

div#foot_navi ul{
margin:0;
padding:0;
list-style-type:none;
}


div#footer ul li,
div#foot_navi ul li{
display:inline;
}

div#foot_navi ul li a{
}

div#footer ul li{
border-right:1px solid #000;
}


div#footer ul li.end{
border-style:none;
}

/* Related */

#foot-box #related {
	background: #EEEEEE;
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 83.5%;
	line-height: 133.5%;
	text-align: right;
}