@charset "Shift_JIS";

/* --------------------------------------------
更新日：20070730

01：各要素のリセット
02：リンクテキスト
03：Clear Fix Hack (Float Clear Hack)
04：基本レイアウト
04-1：ヘッダー
04-2：パンくずリスト
04-3：フッター
04-4：コンテンツレイアウト
05：共通スタイル
05-1：見出し
05-2：共通レイアウト
05-3：フォント
05-4：リスト
-----------------------------------------------*/

/* 01：各要素のリセット
---------------------------------------------------------------------------*/
html {
overflow-y:scroll;
}
* {
margin:0;
padding:0;
font-size:100%;
}
img {
border:0;
vertical-align:top;
}
ul,ol {
list-style-type:none;
}
body {
color:#333333;
font-size:80%;
font-family:'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif,verdana; 
line-height:1.5;
background:url(../img/body_bg.gif);
text-align:center;
}
#wrap {
width:762px;
background:url(../img/wrap_bg.gif) repeat-y;
margin:0 auto;
text-align:left;
}
td {
vertical-align:top;
line-height:1.5;
}
/* 02：リンクテキスト
---------------------------------------------------------------------------*/
a{
color:#0934AC;
text-decoration:none;
}
a:active {
color:#701f9a;
text-decoration:underline;
}
a:hover{
color:#701f9a;
text-decoration:underline;
}
a:visited{
color:#701f9a;
}

/* 03：Clear Fix Hack (Float Clear Hack)
---------------------------------------------------------------------------*/
.clearfix:after { /* for New Browser */
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.clearfix {/* for IE */
display:inline-block; 
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 04：基本レイアウト/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
#header,
#footer,
#gnavi,
#content {
width:760px;
margin:0 1px;
}
.pageTop {
margin:30px 0 10px 0;
text-align:right;
}
/* 04-1：ヘッダー　----------------------- */
#header {
height:48px;
width:760px;
position:relative;
}
#header #logo {
position:absolute;
top:9px;
left:12px;
}
#header_utility {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
font-size: 1px;
height: 48px;
margin: 0;
padding: 0 9px 0 0;
width: 424px;
position:absolute;
left:318px;
}
#header_utility ul {
margin: 6px 0 0 39px;
padding: 0;
}
#header_utility ul li {
float: left;
margin-bottom: 4px;
padding-left: 10px;
}
* html #header_utility ul li {
float: left;
margin-bottom: 0;
padding-left: 10px;
}
#header_utility p {
float: right;
margin: 0;
padding: 0;
}
#header_utility p img {
padding-right: 3px;
padding-top: 5px;
}
* html #header_utility p img {
padding-right: 3px;
padding-top: 9px;
}
#searchbox {
height: 24px;
padding: 3px 0 0 33px;
position: absolute;
right: 67px;
top: 21px;
width: 368px;
}

#header #hLink {
width:350px;
height:24px;
position:absolute;
top:0;
left:408px;
}
#hLink li{
position:absolute;
top:6px;
}
#hLink li#hAppl {left:0;}
#hLink li#hServ {left:103px;}
#hLink li#hSupp {left:182px;}
#hLink li#hEo {left:282px;}

#header #hSearch {
width:412px;
height:23px;
position:absolute;
top:24px;
left:330px;
}
#hSearch li{position:absolute;}
#hSearch #hsTitle {top:0;left:0;}
#hSearch #hsForm {top:0;left:89px;}
#hSearch #hsBt {
top:0;left:274px;
background:url(../img/h_partition.gif) no-repeat right;
padding:0 14px 0 0;
}
#hSearch #hsSite {
top:3px;
left:340px;
}
.formwidth {
width:180px;
height:18px;
}
#gnBack {
position:absolute;
top:0; left:672px;
}

/* 04-2：パンくずリスト　----------------- */
#topicPath {
background:url(../img/path_bg.gif) repeat-x;
font-size:75%;
padding:4px 10px 4px 10px;
border-left:solid 1px #ACACAC;
border-right:solid 1px #ACACAC;
}
#topicPath span{
margin:0 5px;
}

/* Tax Description*/
#tax_btn_provider01,
#tax_btn_provider02{
	text-align:right;
}
#tax_btn_provider02{
	margin:0 0 5px;
}

/* 04-3：フッター　----------------------- */
#footer {
border-top:solid 1px #ACACAC;
border-bottom:solid 1px #ACACAC;
font-size:80%;
}
#tax_textp {
color: #333333;
font-size: 0.8em;
letter-spacing: 0.1em;
margin: 0 0 10px;
text-align: center;
}
#footerlist {padding:12px 0 0 10px;}
#fLogo{padding:8px 0 10px 10px;}
#copyright{padding:8px 0 10px 5px;}

/* 04-4：コンテンツレイアウト　----------- */
#content {
background:url(../img/contents_bg.gif) repeat-x;
padding:20px 0 0 0;
}
#cLayout {
width:720px;
margin:0 0 0 20px;
}
#sideMenu {width:150px;}
#main {width:550px;}
#LeftBox {padding:0 20px 0 0;}

#gnavi {
background:url(../../common/img/gn_bg.gif) repeat-x;
position:relative;
height:49px;
width:760px;
}
#serFootList {
background:url(../../common/img/bg_border.gif) repeat-x;
padding:10px 0 15px 0;
font-size:80%;
}

/* 05：共通スタイル
---------------------------------------------------------------------------*/
/* 05-1：見出し　------------------------- */
#main h1 {margin:0 0 5px 0;}

#main h2 {
font-size:140%;
padding:0 0 0 10px;
margin:0 0 10px 0;
}
#main h3{
color:#535354;
padding:2px 10px;
margin:0 0 15px 0;
}
#main h4{
color:#333333;
padding:0 10px 7px 10px;
margin:0 0 10px 0;
}
#tab {
width:550px;
margin:0 0 10px 0;
}
#tab02{width:550px;}

/* 05-2：共通レイアウト　----------------- */
.mainLayout01{margin:0 10px 20px 10px;}
.layout01{margin:0 0 10px 0;}
.layout02{margin:0 0 20px 0;}
.layout03{
background:#F2F2F2;
border:#D9D9D9 1px solid;
padding:5px 10px;
}
.layout_close{
margin:20px 0 30px;
background:#F2F2F2;
border:#EE5566 2px solid;
padding:8px 12px;
}
.valignM {vertical-align:middle;}
.valignB {vertical-align:bottom;}
.valignT {vertical-align:top;}

/* 05-3：フォント　----------------------- */
.fontunder{text-decoration:underline;}
.fontsize01{font-size:115%;}
.fontsize02{font-size:85%;}

/* 05-4：リスト　------------------------- */
.kome{
padding-left:1em;
text-indent:-1em;
font-size:85%;
}
.kome02{
padding-left:2em;
text-indent:-2em;
font-size:85%;
}
ul.listtype01{
list-style:disc outside;
margin-left:15px;
}
ul.listtype02{
padding-left:1em;
text-indent:-1em;
}

ol.listtype01{
list-style:decimal;
margin-left:20px;
}
/* 05-5：リンク　------------------------- */
#main .linkArrow a{
padding:0 0 0 13px;
}

#main span.linkArrow{
margin:0 25px 0 0;
}

/* Tax Description（テーブル右上）*/
.tax_note {
	text-align:right;
}