@charset "utf-8";

/* TOC ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

00: reset and basical elements
01: header elemnts(framework only! see "navi.css" as for detail)
02: global navigation(framework only! see "navi.css" as for detail)
03: basic page layout(component only! as for detail see each css file at each directory)
04: local navigation(only component! as for detail "see navi.css")
05: footer
06: fixed-elements at contents area( bread-crumb, link to page-top etc )
07: common usage and generality( clearFix etc)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* 00 reset and basical elements
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html{ margin-bottom:1px;height:100%; }

body{
width:100%;
background:#ebebeb;
color:#444;
line-height:1;
font-size:100%;
text-align:center;
background:#f8f5eb url(../cmn_img/body_bg.gif) repeat-x left top;
}
a:link { color:#2469c8; text-decoration:none; }
a:visited {	color:#763aa8; text-decoration:none; }
a:active { color:#f16c00; text-decoration:underline; }
a:hover { color:#f16c00; text-decoration:underline; }


/* 01 header elemnts(framework only! see "navi.css" as for detail)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.init{ background-color:#4d8bde; }

.headBox{
width:930px;
margin:0 auto;
padding:15px 8px 0;
background:url(../cmn_img/gnavi_bg.gif) no-repeat left bottom;
}



/* 02 global navigation(framework only! see "navi.css" as for detail)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.gnavi {
width:930px;
height:50px;
margin-top:8px;
list-style:none;
font-size:0;
line-height:0;
}



/* 03 basic page layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pgBox{
width:946px;
margin:0 auto;
background:url(../cmn_img/pgbox_bg.gif) repeat-y left top;
}

.mainBox{
width:870px;
padding:0 48px 0 28px;
text-align:left;
line-height:1.43;
background:url(../cmn_img/upper.jpg) no-repeat left top;
}

.mainBoxHome{
width:930px;
padding:0 8px;
text-align:left;
line-height:1.333;
background:url(../img/home_bg.gif) no-repeat left top;
}

.ctsBox{
	width:635px;
	margin-top:22px;
	float:right;
	text-align:left;
	font-size:85%;
	line-height:1.33;
}

.indentBox{
width:615px;
margin:0 10px;
}



/* 04 local navigation(framework only! see "navi.css" as for detail)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.lnaviBox{
width:195px;
float:left;
margin-top:22px;
padding-bottom:40px;
font-size:75%;
}

span.nonList{
display:block;
margin-bottom:5px;
}


.dictBox{
width:195px;
float:left;
margin-top:22px;
padding-bottom:40px;
font-size:75%;
}



/* 05 footer(framework only! see "navi.css" as for detail)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ftrBox{
width:930px;
padding:0 8px 30px;
text-align:left;
background:url(../cmn_img/ftr_btm.gif) no-repeat left bottom;
}



/* 06 fixed-elements at contents area (bread-crumb, link to page-top etc)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.topicPath{
margin-left:-9px;
padding-top:13px;
font-size:75%;
list-style:none;
}

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

.topicPath{
display:inline-block;
}

/* Hide from IE-mac ¥*/
*html .topicPath{ height:1%;}
.topicPath{ display:block;}
/* End hide form IE-mac */

.topicPath li{
float:left;
padding:0 9px;
background:url(../cmn_img/breadcrumb.gif) no-repeat right 0.3em;
}
.topicPath li.youare{ background:none;}
.topicPath strong{ font-weight:normal; }

.pgStrt{
clear:both;
text-align:right;
padding:16px 0 15px;
line-height:none;
}

.pgEnd{
padding:16px 0 27px;
}

.pgStrt li{
min-height:11px;
list-style:none;
font-size:85%;
}

.pgStrt li a{
padding-left:15px;
background:url(../cmn_img/ic_arrow_pgstrt.gif) no-repeat left 0.1em;
}

.copyright{
display:block;
width:934px;
margin:0 auto;
text-align:right;
padding-right:12px;
padding-bottom:12px;
}



/* 07 common usage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clrFlt:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clrFlt{ display:inline-block; }

/* Hides from IE-mac ¥*/
* html .clrFlt{ height:1%; }

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


hr{
clear:both;
line-height:0;
font-size:0;
height:0;
visibility:hidden;
_display:none;
}

*:first-child+html hr{
display:none;
margin:0;
padding:0;
}

*+html body hr{
margin:0;
padding:0;
}