@charset "utf-8";

/*------------------------------------------------------------------------------
 0.  default style clear
 1.  Link Color [
 2.  header
 3.  container
 4.  content
 5.  main
 6.  sNav 
 7.  footer
------------------------------------------------------------------------------*/


/*-----------------------------------------------
 0.default style clear
-----------------------------------------------*/
* {
	/*margin:0;
	padding:0;*/
	font-size:100%;
	font-style:normal;
	text-align:left;
	line-height:1.0;
}
html {
	overflow-y:scroll;
}
body {
	font-family:
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ',
		Meiryo,
		'ＭＳ Ｐゴシック'/*,
		sans-serif*/;
	color: #000;
}

body {
	min-width: 930px;
	background: #EBF2F8;
}
body,h1,h2,h3,h4,h5,h6,p,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,blockquote,th,td {
	margin: 0;
	padding: 0;
}
p,li,dt,dl,dd,pre,address {
	line-height:2;
}
li {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:bottom;
}
img,object,embed {
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address {
	font-weight: normal;
}

hr {
	clear: both;
	display: none;
}

p {
	font-size: 87%;
	/*font-size: 14px;*/
}
address {
	font-size: 87%;
	/*font-size: 14px;*/
}
ul,ol{
	font-size: 87%;
	/*font-size: 14px;*/
}
dl {
	font-size: 87%;
	/*font-size: 14px;*/
}
table {
	font-size: 87%;
	/*font-size: 14px;*/
}

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



/*---------------------------------------------------------
 1.Link Color [
----------------------------------------------------------- */
a { 
	outline: none; 
}
/* global */
a:link {
	text-decoration: underline;
	color: #000;
}
a:visited {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #000;
}




/*--------------------------------------------------------------
 2.header [
----------------------------------------------------------------*/
#headerWapp {
	width: 100%;
	background: url(../img_common/bg_header.jpg) repeat-x center top;
}
#header{
	width: 1118px;
/*	height: 130px;*/
	height: 184px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img_common/bg_header02.jpg) no-repeat center top;
	position: relative;
}
#logo {
	height: 63px;
	width: 310px;
	position: absolute;
	left: 95px;
/*	top: 36px;*/
	top: 90px;
	text-indent: -999em;
}
#logo a {
	height: 63px;
	width: 310px;
	display: block;
}

/* gNav */
#gNav {
	position: absolute;
	right: 95px;
	bottom: 0px;
}
#gNav li{
	display: inline;
	float: left;
}


/* lagNav */
#lagNav {
	position: absolute;
	right: 95px;
	top: 0px;
}
#lagNav li {
	display: inline;
	float: left;
	margin-left: 5px;
}




/*--------------------------------------------------------------
 3.container [
----------------------------------------------------------------*/
#container {
	/*min-width: 930px;*/
	width: 1118px;
	background: #EBF2F8;
	margin-right: auto;
	margin-left: auto;
}
/*#container:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/



/*--------------------------------------------------------------
 4.content [
----------------------------------------------------------------*/
#content{
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	overflow: hidden;
}
/*#content:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/

/* topicPath */
ul#topicPath {
	/*overflow: hidden;*/
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 20px;
}
ul#topicPath li {
	font-size: 85%;
	display: inline;
}
ul#topicPath li span {
	margin-right: 0.5em;
	margin-left: 0.5em;
}
ul#topicPath li a {
	color: #0353A8;
}

/* topicPathtop */
ul#topicPathtop {
	/*overflow: hidden;*/
	width: 910px;
	margin:0px auto;
	padding-top: 3px;
	margin-bottom: -5px;
	padding-left: 20px;
}
ul#topicPathtop li {
	font-size: 85%;
	display: inline;
}
ul#topicPathtop li span {
	margin-right: 0.5em;
	margin-left: 0.5em;
}
ul#topicPathtop li a {
	color: #0353A8;
}

/* Title */
.categoryTitle {
	text-align: center;
}

/* hNav_sub */
.hNav_sub {
	/*overflow: hidden;*/
	height: 80px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 12px;
	padding-left: 22px;
}
.hNav_sub li {
	display: block;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	height: 33px;
	width: 210px;
	font-size:114%;
	font-weight: bold;
	text-align: center;
}
.hNav_sub li a {
	display: block;
	/*height: 33px;*/
	height: 25px;
	width: 210px;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
}
.hNav_sub li a:hover {
	color: #FFFFFF;
}
a#hNav_sub01,
a#hNav_sub02,
a#hNav_sub03,
a#hNav_sub04 {
	color: #FFFFFF;
}

/* hNav_sub-shiretoko */
#hNav_sub-shiretoko {
	background: url(../shiretoko/img/bg_sub.jpg) repeat-x center top;
}
#hNav_sub-shiretoko li {
	background: url(../shiretoko/img/btn_sub_off.jpg) no-repeat;
}
#hNav_sub-shiretoko li a:hover {
	background: url(../shiretoko/img/btn_sub_on.jpg) no-repeat;
}
#hNav_sub-shiretoko a#hNav_sub01,
#hNav_sub-shiretoko a#hNav_sub02,
#hNav_sub-shiretoko a#hNav_sub03,
#hNav_sub-shiretoko a#hNav_sub04 {
	background: url(../shiretoko/img/btn_sub_on.jpg) no-repeat;
}

/* hNav_sub-ogasawara */
#hNav_sub-ogasawara {
	background: url(../ogasawara/img/bg_sub.jpg) repeat-x center top;
}
#hNav_sub-ogasawara li {
	background: url(../ogasawara/img/btn_sub_off.jpg) no-repeat;
}
#hNav_sub-ogasawara li a:hover {
	background: url(../ogasawara/img/btn_sub_on.jpg) no-repeat;
}
#hNav_sub-ogasawara a#hNav_sub01,
#hNav_sub-ogasawara a#hNav_sub02,
#hNav_sub-ogasawara a#hNav_sub03,
#hNav_sub-ogasawara a#hNav_sub04 {
	background: url(../ogasawara/img/btn_sub_on.jpg) no-repeat;
}

/* hNav_sub-yakushima */
#hNav_sub-yakushima {
	background: url(../yakushima/img/bg_sub.jpg) repeat-x center top;
}
#hNav_sub-yakushima li {
	background: url(../yakushima/img/btn_sub_off.jpg) no-repeat;
}
#hNav_sub-yakushima li a:hover {
	background: url(../yakushima/img/btn_sub_on.jpg) no-repeat;
}
#hNav_sub-yakushima a#hNav_sub01,
#hNav_sub-yakushima a#hNav_sub02,
#hNav_sub-yakushima a#hNav_sub03,
#hNav_sub-yakushima a#hNav_sub04 {
	background: url(../yakushima/img/btn_sub_on.jpg) no-repeat;
}

/* hNav_sub-shirakami */
#hNav_sub-shirakami {
	background: url(../shirakami/img/bg_sub.jpg) repeat-x center top;
}
#hNav_sub-shirakami li {
	background: url(../shirakami/img/btn_sub_off.jpg) no-repeat;
}
#hNav_sub-shirakami li a:hover {
	background: url(../shirakami/img/btn_sub_on.jpg) no-repeat;
}
#hNav_sub-shirakami a#hNav_sub01,
#hNav_sub-shirakami a#hNav_sub02,
#hNav_sub-shirakami a#hNav_sub03,
#hNav_sub-shirakami a#hNav_sub04 {
	background: url(../shirakami/img/btn_sub_on.jpg) no-repeat;
}

/* hNav_sub-amami */
#hNav_sub-amami {
	background: url(../amami/img/bg_sub.jpg) repeat-x center top;
}
#hNav_sub-amami li {
	background: url(../amami/img/btn_sub_off.jpg) no-repeat;
}
#hNav_sub-amami li a:hover {
	background: url(../amami/img/btn_sub_on.jpg) no-repeat;
}
#hNav_sub-amami a#hNav_sub01,
#hNav_sub-amami a#hNav_sub02,
#hNav_sub-amami a#hNav_sub03,
#hNav_sub-amami a#hNav_sub04 {
	background: url(../amami/img/btn_sub_on.jpg) no-repeat;
}



/* nameList */
.nameList {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.nameList li {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}



/*--------------------------------------------------------------
 5.main [
----------------------------------------------------------------*/
#main {
	width:890px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
/*#main:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/
body#charm #main {
	width: 930px;
	padding-top: 15px;
}
/*body#charm#main:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/

/* isanTopBana */
.isanTopBana {
	margin-top: 40px;
}

/* Title */
.indexTitle {
	clear: both;
	margin-bottom: 30px;
}
.subTitle {
	margin-bottom: 15px;
}
.subTitle_Blue {
	margin-bottom: 10px;
	display: block;	
	/*border-left: 5px solid #2298D6;
	color: #2298D6;
	padding-top: 2px;
	padding-left: 0.5em;
	font-size: 142%;
	padding-bottom: 2px;*/
}
h4.GoldTxt {
	clear: both;
	color: #594F0A;
}
h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* txtRead */
.txtRead {
	margin-bottom: 30px;
}

/* btnBox */
.btnBox {
	text-align: right;
	margin-bottom: 30px;
}
/*.btnBox a:hover img  {
opacity:0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}*/


/* btn_pagetop */
.btn_pagetop {
	/*margin-top: 25px;*/
	margin-bottom: 60px;
	text-align: right;
	clear: both;
}
body#charm .btn_pagetop {
	margin-bottom: 30px;
	text-align: right;
	clear: both;
	margin-right: 30px;
}



.floatLeft {
	display: block;
	float: left;
	margin-right: 20px;
}
.floatRight {
	display: block;
	float: right;
	margin-left: 20px;
}

/* areaMap_b */
#areaMap_b {
	margin-left: -20px;
}



/* ul,dl 
----------------------------------------------------------------*/
/*ol {
	margin-top: 20px;
	padding-left: 2em;
	overflow: hidden;
}
ol li {
	list-style: decimal;
	margin-bottom: 10px;
	line-height: 1.4;
}*/

/* markList_link */
.markList_link li {
	padding-left: 1.5em;
}
.markList_link a {
	line-height: 2;
}

/* markList-shiretoko */
.markList-shiretoko li {
	background: url(../shiretoko/link/img/icon_list01.gif) no-repeat 0px 0.7em;
}
.markList-shiretoko li.indentTxt {
	background: url(../shiretoko/link/img/icon_list01.gif) no-repeat 1.5em 0.7em;
	padding-left: 3em;
}

/* markList-ogasawara */
.markList-ogasawara li {
	background: url(../ogasawara/link/img/icon_list01.gif) no-repeat 0px 0.7em;
}
/* markList-yakushima */
.markList-yakushima li {
	background: url(../yakushima/link/img/icon_list01.gif) no-repeat 0px 0.7em;
}
/* markList-shirakami */
.markList-shirakami li {
	background: url(../shirakami/link/img/icon_list01.gif) no-repeat 0px 0.7em;
}

/* markList-amami */
.markList-amami li {
	background: url(../amami/link/img/icon_list01.gif) no-repeat 0px 0.7em;
}
.markList-amami li.indentTxt {
	background: url(../amami/link/img/icon_list01.gif) no-repeat 1.5em 0.7em;
	padding-left: 3em;
}


/* noList */
.noList {
	margin-top: 20px;
	margin-bottom: 20px;
}
.noList li {
	padding-left: 2.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#noList01 {
	background: url(../img_common/icon_ni01.gif) no-repeat 0px 0.1em;
}
#noList02 {
	background: url(../img_common/icon_ni02.gif) no-repeat 0px 0.1em;
}
#noList03 {
	background: url(../img_common/icon_ni03.gif) no-repeat 0px 0.1em;
}

/* normalList */

/* normalDL */

/* seidoDL */
.seidoDL {
}
.seidoDL dt{
	font-weight: bold;
}
.DDTable {
	border-top: 1px solid #CCCCCC;
	margin-top: -10px;
	width: 100%;
}
.DDTable th{
	font-weight: normal;
}
.DDTable th,
.DDTable td{
	/*padding: 4px 20px;*/
	border-bottom: 1px solid #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
}
.DDTable td{
	text-align: right;
	padding-right: 1em;
}
.DDTable th span {
	text-align: left;
	display: block;
}

/* DDTable-shiretoko */
#DDTable-shiretoko th,
#DDTable-shiretoko td {
	background: #E9F2FB;
}

/* DDTable-ogasawara */
#DDTable-ogasawara th,
#DDTable-ogasawara td {
	background: #F4ECF7;
}

/* DDTable-shirakami */
#DDTable-shirakami th,
#DDTable-shirakami td {
	background: #FBF2E7;
}

/* DDTable-yakushima */
#DDTable-yakushima th,
#DDTable-yakushima td {
	background: #E8F9EE;
}


/* imgDL */
.imgDL {
}
.imgDL dt{
	display: inline;
	float: left;
	width: 216px;
}
.imgDL dd{
	width: 650px;
	margin-bottom: 40px;
	margin-left:240px;
	padding-bottom:0px;
	line-height: 1.4;
	font-weight: bold;
	color: #776e27;
}
.imgDL_dd01 {
	padding-top: 6px;
}
.imgDL_dd02 {
	margin-top: -5px;
}

/* sitemapList */
.sitemapList {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.sitemapList li {
	padding-left: 1em;
	border-left: 7px solid #D0D0D0;
	margin-bottom: 10px;
	line-height: 1;
}
.sitemapList li a{
	text-decoration: none;
}
.sitemapList li a:hover {
	text-decoration: underline;
}



/* text 
----------------------------------------------------------------*/
sup {
	font-size:85%;
}

.txtRight {
	text-align: right;
}
.txtBold {
	font-weight: bold;
}
.txtBlue {
	font-weight: bold;
	color: #0558A8;
}
.font12 {
	font-size:75%;
}
.marginTop20 {
	margin-top: 20px;
}
.marginBottom20 {
	margin-bottom: 20px;
}
.marginBottom50 {
	margin-bottom: 50px;
}
.lineHeight14 {
	line-height: 1.4;
}
.clearBoth {
	clear: both;
}
.copyright span{
	font-size:140%;
	font-family:'Times New Roman', 'Times';
}
.captionTxt {
	font-size:85%;
	line-height: 1.4;
	text-align: right;
}



/* img 
----------------------------------------------------------------*/
.imgCenter {
	text-align: center;	
}
.imgLeft {
	display: block;
	float: left;
	margin-bottom: 20px;
}
.imgRight {
	display: block;
	float: right;
	margin-bottom: 20px;
}


/* box 
----------------------------------------------------------------*/
.indexBox {
	width:890px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	clear: both;
	overflow: hidden;
}
/*.indexBox:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/

.floatBox {
	width: 435px;
}
.box {
	clear: both;
	width:890px;
	overflow: hidden;
}
/*.box:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/

.floatBox_Left {
	display: inline;
	float: left;
}
/*.floatBox_Left:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/

.floatBox_Right {
	display: inline;
	float: right;
}
/*.floatBox_Right:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/


/* imgBox */
.imgBox {
	margin-left: -16px;
	margin-top: 20px;
}
.imgBox img {
	display: inline;
	float: left;
	width: 204px;
	margin-left: 16px;
}

/* floatBox600 */
.floatBox600 {
	width: 600px;
	display: inline;
	float: left;
}
/* floatBox530 */
.floatBox530 {
	width: 530px;
	display: inline;
	float: left;
}
/* floatBox330 */
.floatBox330 {
	width: 330px;
	display: inline;
	float: right;
}
/* floatBox300 */
.floatBox300 {
	width: 300px;
	display: inline;
	float: right;
}

/* colorBoxBlue */
.colorBoxBlue {
	background: #E9F2FB;
	padding: 12px 15px;
	margin-top: 20px;
}

/* waku */
.waku {
	border: 1px dotted #CCCCCC;
	clear: both;
	overflow: hidden;
	padding: 25px;
	margin-top: 30px;
}
.wakuInner {
	margin-top: 30px;
	overflow: hidden;
}

/* mapWrapp */
.mapWrapp {
	margin-bottom: 30px;
}


/* wakuGold */
.wakuGold {
	border: 4px solid #AEA97F;
	clear: both;
	overflow: hidden;
	padding: 6px 12px;
	margin-top: 10px;
}
.wakuGold p {
	display: inline;
	float: left;
	width: 200px;
	line-height: 1.4;
}
.wakuGold p span {
	background: #E6E2C7;
	display: block;
	font-size: 128%;
	font-weight: bold;
	padding: 4px 10px;
	margin-bottom: 10px;
}
.yajirushi {
	display: block;
	float: left;
	margin-right: 10px;
	margin-left: 11px;
	margin-top: 50px;
}
#wakuGold01 {
	width: 226px;
}
#wakuGold02 {
	width: 145px;
}
#wakuGold03 {
	width: 175px;
}
#wakuGold03 {
	width: 185px;
}

/* photoBox */
.photoBox {
	width:890px;
	min-height:200px;
	clear: both;
	padding-bottom: 30px;
}
.photoBox:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.photoBox .photoImg {
	float: left;
}
.photoBox .photoImg p{
	margin-bottom: 5px;
	text-align: right;
}
.photoBox .txtBox {
	float: right;
	width: 580px;
}

/* photoBox_inner*/
.photoBox_inner {
	overflow: hidden;
	clear: both;
}
.photoBox_inner .txtBox1 {
	float: right;
	width: 580px;
}
.photoBox_inner h4{
	overflow: hidden;
}
.photoBox_inner h5{
	clear: both;
}
.photoBox_inner img {
	float: left;
	margin-top: 20px;
}

/* bgImg */
/*.bgImg {
	border: 5px solid #FF6699;
	clear: both;
	background: #CCFFCC;
}*/

/* higuma */
#higuma {
	height: 273px;
	width: 870px;
	background: url(../shiretoko/measure/img/vis_main06.jpg) no-repeat;
	position: relative;
}
#higuma h4 {
	font-size: 142%;
	position: absolute;
	left: 40px;
	top: 110px;
}
#higuma p {
	width: 520px;
	position: absolute;
	left: 40px;
	top: 140px;
}

/* shizen */
#shizen {
	height: 292px;
	width: 870px;
	background: url(../shirakami/measure/img/vis_main04.jpg) no-repeat;
	position: relative;
}
#shizen h4 {
	position: absolute;
	left: 40px;
	top: 60px;
	font-size: 142%;
}
#shizen p {
	position: absolute;
	left: 40px;
	top: 90px;
	width: 520px;
	line-height: 1.8;
}

/* sangaku */
#sangaku {
	height: 413px;
	width: 870px;
	background: url(../yakushima/measure/img/vis_main03.jpg) no-repeat;
	margin-top: 30px;
	position: relative;
}
#sangaku h4 {
	position: absolute;
	left: 50px;
	top: 80px;
	font-size: 142%;
}


/* charmBox */
.charmBox {
	margin-bottom: 30px;
	clear: both;
}

.charmBox p {
	text-indent: 1em;
	overflow: hidden;
}

.charmBox h2 {
	text-indent: -999em;
}
.leftTxt_c {
	width: 560px;
	position: absolute;
	left: 30px;
	top: 180px;
	/*margin-left: 30px;
	margin-top: 150px;*/
	/*display: inline;
	float: left;*/
}

.rightTxt_c {
	width: 560px;
	position: absolute;
	right: 30px;
	top: 180px;
	/*margin-right: 30px;
	margin-top: 150px;
	display: inline;
	float: right;*/
}


/* nameTxt */
.nameTxt {
	width: 250px;
	/*display: inline;
	float: left;
	/*margin-left: 50px;
	margin-top: 504px;*/
}
.nameTxt_right {
	position: absolute;
	right: 40px;
	top: 520px;
	width: 250px;
}
.nameTxt_left {
	position: absolute;
	left: 55px;
	top: 520px;
	width: 250px;
}
.nameTxt dt {
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 14px;
}
.nameTxt dt em{
	font-size: 166%;
}
.nameTxt dd {
	line-height: 1.6;
	font-size: 85%;
}


/* nakamura */
#nakamura {
	/*background: url(../charm/img/bg_main01.jpg) no-repeat;*/
	position: relative;
	min-height: 1300px;
	height: auto !important;
	height: 1300px;
}
#nakamura .nameTxt dt {
	color: #0a79cf;
}
/* kudoh */
#kudoh {
	/*background: url(../charm/img/bg_main02.jpg) no-repeat;*/
	position: relative;
	min-height: 1300px;
	height: auto !important;
	height: 1300px;
}
#kudoh .nameTxt dt {
	color: #cb4300;
}
/* shiina */
#shiina {
	/*background: url(../charm/img/bg_main03.jpg) no-repeat;*/
	position: relative;
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
}
#shiina .nameTxt dt {
/*	color: #9F70C1;*/
	color: #8c52b4;
}
/* c_w */
#c_w {
	/*background: url(../charm/img/bg_main04.jpg) no-repeat;*/
	position: relative;
	min-height: 1100px;
	height: auto !important;
	height: 1100px;
}
#c_w .nameTxt dt {
	color: #00862c;
}



/*
 line
----------------------------------------------------------------*/


/*
table 
----------------------------------------------------------------*/
table th,
table td,
table td a{
	line-height: 1.6;
}

/* noLineTable */
.noLineTable{
	margin-top: 10px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.noLineTable th {
	padding-right: 10px;
}
.noLineTable td {
	text-align: right;
}

/* noLineTable2 */
.noLineTable2{
	margin-top: 10px;
}
.noLineTable2 th {
	padding-right: 10px;
	font-weight: normal;
	width: 7em;
}
.noLineTable2 th,
.noLineTable2 td {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* colorTable */
.colorTable {
	border-top: 1px solid #ACACAC;
}
.colorTable th,
.colorTable td{
	padding: 10px;
	border-bottom: 1px solid #ACACAC;
}
.colorTable th{
	background: #EFEFEF;
	text-align: center;
}
.iconTD img {
	margin-top: 5px;
	margin-right: 5px;
}

/* colorIndexTable */
.colorIndexTable {
	margin-bottom: 20px;
	border-top: 1px dotted #ACACAC;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.colorIndexTable th,
.colorIndexTable td{
	vertical-align: top;
	border-bottom: 1px dotted #ACACAC;
}
.colorIndexTable th{
	padding: 17px 20px 15px 0px;
}
.colorIndexTable td{
	padding: 14px 20px 15px 0px;
}
.colorIndexTable th em{
	color: #0355A7;
	border-left: 7px solid #0355A7;
	margin-top: 5px;
	padding-left: 10px;
}
.colorIndexTable th em a{
	color: #0355A7;
	text-decoration: none;
}
.colorIndexTable th em a:hover{
	text-decoration: underline;
}

.colorIndexTable ul{
	font-size: 100%;
}
.colorIndexTable ul li{
	background: url(../img_common/icon_list.gif) no-repeat 0px 50%;
	padding-left: 1em;
}
.colorIndexTable ul li a{
	text-decoration: none;
}
.colorIndexTable ul li a:hover {
	text-decoration: underline;
}

#lagListTD {
	position: relative;
}
#lagList {
	float: right;
	height: 22px;
}
#lagList li {
	background: url(none);
	display: inline;
	float: left;
	height: 22px;
}
#lagList li img { 
	vertical-align: text-bottom;
}




/*--------------------------------------------------------------
 6.sNav [
----------------------------------------------------------------*/





/*--------------------------------------------------------------
 7.footer [
----------------------------------------------------------------*/
#footerWapp {
	min-width: 1118px;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	clear: both;
}
#footer {
	width:930px;
	height: 65px;
	clear: both;
	/*overflow: hidden;*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
/*#footer a:hover img  {
opacity:0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}*/


/* fNav */
#fNav {
	position: absolute;
	right: 10px;
	top: 5px;
}
/*#fNav:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/

#fNav li{
	display: inline;
	float: left;
}
#fNav li a{
	margin-right: 0.5em;
	margin-left: 0.5em;
	text-decoration: none;
}
#fNav li a:hover {
	text-decoration: underline;
}


#copyright {
	font-size: 75%;
	position: absolute;
	bottom: 5px;
	right: 0px;
}
#copyright span{
	font-family:'Times New Roman', 'Times';
}


/*title*/
h2.blue{
	background: url(../img_common/h2_blue.gif) no-repeat 0px 50%;
	width: 840px;/*padding+100px*/
	height: 39px;/*padding+20px*/
	padding: 8px 0px 0px 25px;
	font-size: 170%;
	font-weight:bold;
}
h2.blue_2{
	background: url(../img_common/h2_blue_2.gif) no-repeat 0px 50%;
	width: 840px;/*padding+100px*/
	height: 62px;/*padding+20px*/
	padding: 0px 0px 0px 25px;
	font-size: 170%;
	font-weight:bold;
	line-height:1.1;
}
h2.green{
	background: url(../img_common/h2_green.gif) no-repeat 0px 50%;
	width: 840px;/*padding+100px*/
	height: 39px;/*padding+20px*/
	padding: 8px 0px 0px 25px;
	font-size: 170%;
	font-weight:bold;
}
h2.purple{
	background: url(../img_common/h2_purpl.gif) no-repeat 0px 50%;
	width: 840px;/*padding+100px*/
	height: 39px;/*padding+20px*/
	padding: 8px 0px 0px 25px;
	font-size: 170%;
	font-weight:bold;
}
h2.orange{
	background: url(../img_common/h2_orange.gif) no-repeat 0px 50%;
	width: 840px;/*padding+100px*/
	height: 39px;/*padding+20px*/
	padding: 8px 0px 0px 25px;
	font-size: 170%;
	font-weight:bold;
}
h2.pink{
	background: url(../img_common/h2_pink.gif) no-repeat 0px 50%;
	width: 840px;/*padding+100px*/
	height: 39px;/*padding+20px*/
	padding: 8px 0px 0px 25px;
	font-size: 170%;
	font-weight:bold;
}


h3.blue{
	background: url(../img_common/h3_blue.gif) no-repeat 0px 50%;
	padding: 5px 0px 0px 38px;
	font-size: 150%;
	font-weight:bold;
}
h3.green{
	background: url(../img_common/h3_green.gif) no-repeat 0px 50%;
	padding: 5px 0px 0px 38px;
	font-size: 150%;
	font-weight:bold;
}
h3.purple{
	background: url(../img_common/h3_purpl.gif) no-repeat 0px 50%;
	padding: 5px 0px 0px 38px;
	font-size: 150%;
	font-weight:bold;
}
h3.orange{
	background: url(../img_common/h3_orange.gif) no-repeat 0px 50%;
	padding: 5px 0px 0px 38px;
	font-size: 150%;
	font-weight:bold;
}
h3.pink{
	background: url(../img_common/h3_pink.gif) no-repeat 0px 50%;
	padding: 5px 0px 0px 38px;
	font-size: 150%;
	font-weight:bold;
}



h4.blue{
	display: block;
	border-left: #0a79cf 8px solid;
	font-size: 125%;
	font-weight:bold;
	padding: 2px 10px 0px 10px;
	color: #0a79cf;
	line-height:1.4;
}
h4.green{
	display: block;
	border-left: #00862c 8px solid;
	font-size: 125%;
	font-weight:bold;
	padding: 2px 10px 0px 10px;
	color: #00862c;
	line-height:1.4;
}
h4.purple{
	display: block;
	border-left: #8c52b4 8px solid;
	font-size: 125%;
	font-weight:bold;
	padding: 2px 10px 0px 10px;
	color: #8c52b4;
	line-height:1.4;
}
h4.orange{
	display: block;
	border-left: #cb4300 8px solid;
	font-size: 125%;
	font-weight:bold;
	padding: 2px 10px 0px 10px;
	color: #cb4300;
	line-height:1.4;
}

h4.pink{
	display: block;
	border-left: #f432c9 8px solid;
	font-size: 125%;
	font-weight:bold;
	padding: 2px 10px 0px 10px;
	color: #f432c9;
	line-height:1.4;
}