/* //////////  GENERIC  ////////// */

body {

 width: 100%;

 margin: 0;

 padding: 0;

 font-size: 16px;

 background: url(/images/common/bg_body.gif) center top repeat-y #800000;

 color: #001;

 text-align: center;

 font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;

 line-height: 135%;

 letter-spacing: 120%;

}



table#topbanner, div#topbanner_container, div#main_container {

 width: 1074px;

}

div#main_container {

 margin: 0 auto;

 text-align: left;

 background: white;

 

}



h1, h2, h3, h4, h5, h6 {

 margin: 3px 0;

 padding: 5px;

 clear: both;

 font-size: 14px;

 font-family:メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;

 font-weight: normal;

}

h1 {

 background-image: url(/images/common/bg_h1_01.gif);

 background-position: bottom left;

 background-repeat: no-repeat;

 color: white;

 margin-left: 0;

 margin-top: 0;

 padding: 6px 0 5px 8px;

 border-color: #69c #348 #348 #69c;

 border-style: solid;

 border-width: 1px 1px;

}

h2, div.cs_top_msg {

 border: 1px solid #35a;

 border-bottom: 1px dotted #35a;

 border-width: 0 0 1px 2px;

 padding: 14px 2px 3px 8px;

 background-image: url(/images/bg/bg_grad_ltr_02.gif);

 background-repeat: repeat-y;

 }

h3 {

 border: none;

 background-color: #ddf;

 padding: 3px 1em;

 }

h4 {

 border: none;

 border-bottom: 2px dotted #35a;

 padding: 3px 1em;

 }

img { border: none; }

p {

 margin: 0;

 padding: 8px;

}

p.general {

 text-indent: 18px;

 background: url(/images/icons/icn_p_general.gif) no-repeat 10px 10px;

}

td { vertical-align: top; }

em, strong { font-weight: bold; }

.sign {

 text-align: right; 

 margin-left: 3em;

 }

table, div {

 clear: both;

 }

table {

 border-collapse: collapse;

}

img.insert_rightcorner, img.inParagraph_r {

 float: right;

 margin-left: 0.5em;

 }

img.inParagraph {

 float: left;

 margin-right: 0.5em;

}

/* clearfix */

.clearfix:after {

 content: ".";

 display: block;

 clear: both;

 height: 0;

 visibility: hidden;

}



.clearfix { display: inline-block; }

 /* exlude MacIE5 \*/

* html .clearfix { height: 1% }

.clearfix {display:block;}

 /* end MacIE5 */

 /* end clearfix */



address, em {

 font-style: normal;

}

hr { clear: both; }

.caption .note { font-size: smaller; }

.caption {

 text-align: center;

 font-weight: bold;

}

ul {

 margin: 0;

 padding: 0;

 margin-left: 0.5em

}

li {

 list-style-image: url(/images/icons/icn_li_triangle_0040A4.gif);

 margin-left: 12px;

}

.nav, .navi {

 font-size: smaller;

 text-align: center;

 border: none;

 padding: 0;

 background-image: none;

}

.obsolete {

 filter: alpha(opacity=50);

 -moz-opacity:0.5;

 opacity:0.5;

}

.evt_obsolete {

 filter: alpha(opacity=50,enabled=1);

 -moz-opacity:0.5;

 opacity:0.5;

 zoom: 1;

 background-image: url(/images/txt_evt_thankyou.gif);

 background-position: center top;

 background-repeat: no-repeat;

 padding-top: 150px;

}



div.sidebar a, div.sidebar a:link, div.sidebar a:visited {

 text-decoration: none;

 color: #001;

}

div.sidebar a:hover {

 text-decoration: underline;

}



.figure {

 text-align: center;

}

/* //////////  LAYOUTS  ////////// */



div#main_column, div#navigation_column {

}



div#main_column {

 width: 680px;

 float: left;

 margin: 0;

 padding: 7px;

 clear: none;

}

div#navigation_column {

 width: 360px;

 float: left;

 clear: right;

 padding: 7px;

 margin: 0 0 0 0;

}



/* //////////  TOPBANNER  ////////// */

div#topbanner_container {

 background: #fff;

 margin: 0;

 padding: 0;

}

div#topbanner_container h1 {

 font-size: 12px;

 margin: 0;

 padding: 2px 12px;

 color: black;

 background: #fff;

 background-image: none;

 border: 1px solid #999;

}

table#topbanner td, table#topbanner a:hover, table#topbanner a:link, table#topbanner a:visited {

 color: white;

}

table#topbanner td {

 padding: 14px;

 vertical-align: top;

}

table#topbanner td#top_logo {

 padding: 14px 14px 14px 96px;

 width: 240px;

}

table#topbanner td#top_certificates {

 padding: 14px 0;

}

table#topbanner td#top_certificates p {

 font-size: 10px;

 line-height: 125%;

 margin: 0;

 padding: 3px;

}

table#topbanner td#top_info {

 text-align: right;

 font-size: 10px;

 line-height: 155%;

 width: 300px;

}

table#topbanner td#top_info span.telno {

 font-size: 24px;

 font-family: "Arial Black", "Century Gothic", Helvetica, sans-serif;

 line-height: 28px;

 color: white;

}

table#tbl_topbanner {

 height: 256px;

}



table#tbl_topbanner, table#tbl_topbanner td {

 position: relative;

 padding: 0;

 margin: 0;

}



table#td_topbanner_right {

 width: 240px;

}

table#td_topbanner_left {

 width: 834px;

}

div#topbanner_container td img {

 position: absolute;

 top: 0;

 left: 0;

}



/* //////////  TOP BANNER TAB NAVI  ////////// */

div#topbanner_tab img {

 border: none;

}

div#topbanner_tab {

 height: 48px;

 background-image: url(/images/common/bg_tabmenu.gif);

 background-position: top left;

 background-repeat: repeat-x;

 background-color: #083EA4;

 text-align: right;

 font-size: 18px;

 padding: 0;

}

div#topbanner_tab a:hover, div#topbanner_tab span.here {

 background-image: url(/images/common/bg_tabmenu_o.gif);

}

div#topbanner_tab a:link, div#topbanner_tab a:hover, div#topbanner_tab a:visited {

 height: 24px;

 color: white;

 color: #4B0000;

 font-weight: 100;

 text-decoration: none;

 background-position: top left;

 padding: 14px 18px 10px;;

 text-align: center;

 margin: 0;

 border-left: 1px solid #ddd;

 border-right: 1px solid #444;

 display: block;

 float: left;

 vertical-align: bottom;

}



/* //////////  SIDEBAR  ////////// */

 /* //////////  SPECIAL OFFER BOX  ////////// */

div#top_specialoffer {

 border: 2px solid red;

 padding: 0;

}

div#top_specialoffer h2 {

 border: none;

 background: red;

 color: white;

 font-size: 18px;

 padding: 4px;

 font-weight: bold;

 margin: 0;

}



/* //////////  FOOTER  ////////// */

div#footer {

 border-style: solid;

 border-width: 3px 0 0 0;

 border-color: #666;

 padding: 5px;

 text-align: center;

 background: #ddd;

}

div#footer, div#footer a:link, div#footer a:visited, div#footer a:hover {

 font-size: x-small;

 color: #666;

}