@charset "utf-8";


/* ========= base style ========= */

div,p,dl,dt,dd,ul,ol,li,table,tr,th,td,
h1,h2,h3,h4,h5,h6,form,input,textarea,button,fieldset,blockquote {
	margin: 0;
	padding: 0;
}

html{
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #555555;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	line-height: 1.6;
}

head~/* */body { font-size: 75%; }  /* for IE8 */
html:not(:target) body { font-size: 12px; }  /* for mordern except IE8 */
/* ======
about font-size:
18px => 150%
17px => 141.7%
16px => 133.4%;
15px => 125%;
14px => 116.7%;
13px => 108.3%;
12px => 100%;
11px => 91.7%;
10px => 83.4%;
====== */

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

hr { display: none;}

img {
	border: none;
	/*vertical-align: bottom;*/
}

li { list-style: none outside; }

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

map {
	display: none;
}


/*line-height*/
#footer{
	line-height: 1.2;
}

.xx-large{
	font-size: 150%;
}
.x-large{
	font-size: 141%; /*about 17px*/
}
.large{
	font-size: 125%; /*about 15px*/
}

.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.middle{
	vertical-align: middle !important;
}
.bottom{
	vertical-align: bottom !important;
}
.title{
	font-weight:bold;
}

/*link*/
a:link{
	color: #333333;
}
a:visited{
	color: #333333;
}
a:hover,
a:active{
	color: #666666;
	text-decoration: none;
}


/* ========= header smapho ========= */
#hdSmapho{
	padding: 0 20px 10px 20px;
	margin: 0 auto;
	width: 910px;
}

/* ========= header ========= */

#header{
	background: url(../img/cmn_hd_bg.gif) 0 0 repeat-x;
}
#header #innerHeader{
	width: 910px;
	min-width: 910px;
	margin: 0 auto;
	padding: 0 20px 15px;
}
#header #innerHeader .hdBox01{
	width: 910px;
}
#header #innerHeader .hdBox01 .boxHdColL{
	float: left;
	width: 800px;
}
#header #innerHeader .hdBox01 .boxHdColR{
	float: right;
	width: 76px;
	margin: 22px 15px 0 0;
}
#header #innerHeader .letsLogo{
	margin-top: 12px;
	width: 150px;
	vertical-align: bottom;
}
#header #innerHeader ul#LanguageArea{
	vertical-align: bottom;
	margin-left: 168px;
	margin-top: -2.2em;
}
#header #innerHeader ul#LanguageArea li{
	float: left;
	vertical-align: middle;
	margin-right: 20px;
}
#header #innerHeader ul#LanguageArea li.hdIcon{
	background: url(../img/cmn_ico_arw01.gif) 0 50% no-repeat;
	padding-left: 14px;
}


/* ========= footer ========= */
#footer{
	background: #5a6876 url(../img/cmn_ft_bg.gif) 0 0 repeat-x;
}
#footer #footInner{
	width: 910px;
	min-width: 910px;
	margin: 0 auto;
	padding: 0 20px 12px;
}
#footer #footInner #linkArea{
	float: left;
	width: 750px;
	margin-top: 15px;
}
#footer #footInner #linkArea .linkTit{
	border-left: 2px solid #ffffff;
	padding: 3px 0 3px 13px;
	font-size: 133%;
}
#footer #footInner #linkArea .linkTit a{
	color: #ffffff;
}
#footer #footInner #linkArea ul.link{
	margin-top: 10px;
}
#footer #footInner #linkArea ul.link li{
	float: left;
	margin-right: 10px;
	line-height: 1.8;
	font-family: ;
}
#footer #footInner #linkArea ul.link li a{
	color: #ffffff;
}


#footer #footInner dl#copyArea{
	/*float: left;*/
	/*width: 700px;*/
	margin-top: 21px;
}
#footer #footInner dl#copyArea dt.logo{
	width: 111px;
}
#footer #footInner dl#copyArea dd.copyright{
	margin-left: 124px;
	margin-top: -1.7em;
	color: #ffffff;
}
#footer #footInner #pageTopArea{
	float: right;
	margin-top: 13px;
}
#footer #footInner #pageTopArea a.f_pagetop {
    background: url(../img/cmn_ft_pagetop.gif) 100% 50% no-repeat;
    padding-right: 18px;
    color: #ffffff;
}


/* ========= contens ========= */
#content{
	width: 950px;
	margin: 0 auto 50px;
	padding: 0;
}

#content #contInner{
	padding: 0 20px;
	width: 910px;
}

#content #contInner #breadcrumbList{
	padding: 8px 0;
}

#content #contInner #mainArea {
	width:680px;
	float:left;
}
#content #contInner #sideArea {
	float:right;
	width:200px;
}


#TypeTop .subTit,
#TypeCommon .subTit,
#promoWide .subTit {
	font-weight: bold;
	font-size: 118%;
}
#TypeTop .flLeft,
#TypeCommon .flLeft,
#promoWide .flLeft {
	float: left;
}
#TypeTop .flRight,
#TypeCommon .flRight,
#promoWide .flRight {
	float: right;
}
#TypeTop .cmnTxtLink01,
#TypeCommon .cmnTxtLink01,
#promoWide .cmnTxtLink01 {
	background: url("../img/cmn_ico_arw02.gif") 0 0.3em no-repeat;
	padding-left: 20px;
}
#TypeTop .cmnTxtLink02,
#TypeCommon .cmnTxtLink02,
#promoWide .cmnTxtLink02 {
	background: url("../img/cmn_ico_arw03.gif") 0 0.5em no-repeat;
	padding-left: 14px;
}
#TypeTop .cmnTxtLink03,
#TypeCommon .cmnTxtLink03,
#promoWide .cmnTxtLink03 {
	background: url("../img/cmn_ico_arw04.gif") 0 0.5em no-repeat;
	padding-left: 14px;
}

#TypeTop,
#TypeCommon,
#promoWide {
	/*background: url("../img/cmn_body_bg.gif") 0 0 repeat;*/
}
#TypeCommon #wrapper,
#promoWide #wrapper {
	background: url("../img/cmn_wrapper_bg.jpg") 0 0 repeat-x;
	padding-bottom:0 !important;
}
#TypeCommon #innerWrap,
#promoWide #innerWrap {
	position: relative;
	background: url("../img/cmn_main_bg02.jpg") 50% 0 no-repeat;
	margin:0 auto;
	padding:0;
}
#TypeCommon #innerWrap #main,
#promoWide #innerWrap #main {
	position: relative;
	background: url("../img/cmn_main_bg.jpg") 0 0 no-repeat;
	width: 1050px;
	margin:0 auto;
	padding:0;
}

#TypeTop #mainWrappar #mainInnerWrap,
#TypeCommon #mainWrappar #mainInnerWrap{
	background: url("../img/cmn_wrapper_bg.png") 0 0 repeat-y;
	width: 910px;
	padding: 15px 20px 0;
	margin-bottom: 40px;
}
#TypeOld #mainWrappar #mainInnerWrap{
	background: url("../img/cmn_wrapper_bg02.png") 0 0 repeat-y;
	width: 910px;
	padding: 15px 20px;
	margin-bottom: 40px;
}
#TypeTop #mainArea,
#TypeCommon #mainArea {
	width:680px;
	float:left;
}
#TypeOld #mainArea {
	background: #ffffff url("../img/common_sub_bgTop.gif") 0 0 no-repeat;
	width:700px;
	padding: 10px 0 0 0;
}
#TypeTop #mainArea .mainAreaInner,
#TypeCommon #mainArea .mainAreaInner{
	width: 660px;
	margin-left: 10px;
	padding-bottom: 30px;
}
#TypeOld #mainArea .mainAreaInner{
	background: #ffffff url("../img/common_sub_bgBottom.gif") 0 100% no-repeat;
	width: 700px;
	margin: 0;
	padding: 0 0 10px 0;
}
#TypeTop #mainArea #sb ul.lets_sbm,
#TypeCommon #mainArea #sb ul.lets_sbm{
	/*width: 200px;*/
}
#TypeTop #mainArea #sb ul.lets_sbm li,
#TypeCommon #mainArea #sb ul.lets_sbm li{
	float: left;
	width: 25px;
}


.taCenter { text-align:center; }
.taRight { text-align:right; }

#pageTopLink { text-align:right; margin:30px 10px 10px 0 !important; }


/* Margin Set */
.mt0  { margin-top:0px !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }

.mb0  { margin-bottom:0px !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

.mbTxt5  { margin-bottom:3px !important; }
.mbTxt10 { margin-bottom:8px !important; }
.mbTxt20 { margin-bottom:16px !important; }

.ml0  { margin-left:0px !important; }
.ml5  { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml31 { margin-left:31px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }

.mr0  { margin-right:0px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }

.pt0 { padding-top:0px !important; }

.pb0  { padding-bottom:0px !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }


/* --------- SIDE AREA ------- */
/*#sideArea ul li { display:inline; }*/
/*#sideArea ul li a { display:block; margin-bottom:10px; }*/
a.sideBnr { display:block; margin-bottom:14px !important; }

#sideArea .sideNaviBox{
}
#sideArea .sideNaviBox .tit{
	background: #34aec6 url("../img/side_cmn_top_bg.gif") 0 0 no-repeat;
	padding: 12px 11px;
	color: #ffffff;
	font-weight: bold;
}
#sideArea .sideNaviBox .naviBoxInner{
	background: url("../img/side_cmn_bg.gif") 0 100% no-repeat;
	padding: 0 1px 10px;
	width: 198px;
}
#sideArea .sideNaviBox ul.sideNaviLink li{
	background: url("../img/side_cmn_dot.gif") 0 100% no-repeat;
	padding: 10px;
}
#sideArea .sideNaviBox ul.sideNaviLink .ico01{
	background: url("../img/side_ico_arw02.gif") 0 0.15em no-repeat;
	padding-left: 21px;
	font-weight: bold;
}
#sideArea .sideNaviBox ul.sideNaviLink02 li{
	background: none;
	padding: 3px 0;
}
#sideArea .sideNaviBox ul.sideNaviLink02 .ico01{
	background: url("../img/side_ico_arw03.gif") 4px 0.35em no-repeat;
	padding-left: 21px;
	font-weight: normal;
}
#sideArea .sideNaviBox ul.sideNaviLink .ico01 a:link,
#sideArea .sideNaviBox ul.sideNaviLink .ico01 a:visited{ text-decoration: none; }
#sideArea .sideNaviBox ul.sideNaviLink .ico01 a:hover{ text-decoration: underline; }
#sideArea .sideNaviBox ul.sideNaviLink02 .ico01 a:link,
#sideArea .sideNaviBox ul.sideNaviLink02 .ico01 a:visited{ text-decoration: none; }
#sideArea .sideNaviBox ul.sideNaviLink02 .ico01 a:hover{ text-decoration: underline; }

.lastCol{
	background: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#sideArea li img{
	vertical-align: bottom;
}
#sideArea .sideMetroBox{
	border: 1px solid #014f72;
	padding: 9px;
	width: 180px;
}
#sideArea .sideMetroBox ul.sideMetroLink li{
	margin-bottom: 3px;
}
#sideArea .sideMetroBox ul.sideMetroLink li.ico01{
	background: url("../img/side_ico_arw01.gif") 0 50% no-repeat;
	padding-left: 13px;
}
#sideArea .sideMetroBox ul.sideMetroLink li.ico02{
	background: url("../img/side_ico_arw02.gif") 0 50% no-repeat;
	padding-left: 21px;
	font-weight: bold;
}
#sideArea .sideMetroBox ul.sideMetroLink li.ico02 a:link,
#sideArea .sideMetroBox ul.sideMetroLink li.ico02 a:visited{ text-decoration: none; }
#sideArea .sideMetroBox ul.sideMetroLink li.ico02 a:hover{ text-decoration: underline; }

#sideArea .sideMetroBoxInner{}
#sideArea .sideMetroBoxInner .sideMetroBoxColL{
	float: left;
	width: 125px;
	font-weight: bold;
	line-height: 25px;
}
#sideArea .sideMetroBoxInner .sideMetroBoxColR{
	float: right;
	width: 49px;
}

#sideArea .sideRecoBox01{
	border: 1px solid #cccccc;
	padding: 9px;
	width: 180px;
}
#sideArea .sideRecoBox02{
	width: 180px;
}
#sideArea .sideRecoBox02 .sideRecoColL{
	float: left;
	width: 77px;
}
#sideArea .sideRecoBox02 .sideRecoColR{
	float: right;
	width: 95px;
}
#sideArea .pluginSkinLight{
	padding-bottom: 1px !important;
}


/* --------- INDEX ------- */
#TypeTop h2.basic{
	background: url(../img/ind_h2_bg.gif) 0 0 no-repeat;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 133.4%;
	height: 20px;
	line-height: 20px;
}
#TypeTop #MainBnrArea ul#slider{}
#TypeTop #MainBnrArea ul#slider li.sl_01 h1,
#TypeTop #MainBnrArea ul#slider li.sl_01 h2{
	position: absolute;
	top: 38px;
	left: 39px;
}
#TypeTop #MainBnrArea ul#slider .cl_copy_01{
	position: absolute;
	top: 190px;
	left: 41px;
	width: 320px;
	color: #ffffff;
	font-weight:bold;
}
#TypeTop #MainBnrArea ul#slider li.sl_02 h1,
#TypeTop #MainBnrArea ul#slider li.sl_02 h2{
	position: absolute;
	top: 38px;
	left: 308px;
}
#TypeTop #MainBnrArea ul#slider .cl_copy_02{
	position: absolute;
	top: 190px;
	left: 310px;
	width: 320px;
	color: #ffffff;
	font-weight:bold;
}


#TypeTop #wrapper{
	background: url("../img/ind_wrapper_bg.jpg") 0 0 repeat-x;
}
#TypeTop #innerWrap {
	position: relative;
	background: url("../img/ind_main_bg02.jpg") 50% 0 no-repeat;
	margin:0 auto;
	padding:0;
}
#TypeTop #innerWrap #main {
	position: relative;
	background: url("../img/ind_main_bg.jpg") 0 0 no-repeat;
	width: 1050px;
	margin:0 auto;
	padding:0;
}

/* SliderArea */
#TypeTop #MainBnrArea {
	position: relative;
	border: 6px solid #34aec6;
	height: 329px;
	overflow: hidden;
	width: 668px;
}
#TypeTop #MainBnrArea .icoNew{
	position: absolute;
	top: 25px;
	left: 36px;
}
#TypeTop #MainBnrArea .bx-pager {
	display: none;
}
#TypeTop #MainBnrArea ul#slider li img{
	vertical-align: bottom;
}
#TypeTop #MainBnrArea .bx-pager{
	display: none;
}
#TypeTop #MainBnrArea .bx-prev{
	background: url("../img/ind_main_btn_prev.gif") 0 0 no-repeat;
	position: absolute;
	top: 135px;
	left: 0px;
	width: 20px;
	height: 60px;
	text-indent: -9999px;
	font-size: 0;
}
#TypeTop #MainBnrArea .bx-next{
	background: url("../img/ind_main_btn_next.gif") 0 0 no-repeat;
	position: absolute;
	top: 135px;
	right: 0px;
	width: 20px;
	height: 60px;
	text-indent: -9999px;
	font-size: 0;
}
#TypeTop #mainArea .txtAccent01{
	color: #ce0000;
}
/* */


#TypeTop #mainArea ul.indModelBox01{
	width: 660px;
}
#TypeTop #mainArea ul.indModelBox01 a:link,
#TypeTop #mainArea ul.indModelBox01 a:visited{
	text-decoration: none;
}
#TypeTop #mainArea ul.indModelBox01 a:hover{
	text-decoration: underline;
}


#TypeTop #mainArea ul.indModelBox01 li{
	position: relative;
	float: left;
	width: 210px;
	margin-right: 15px;
}
#TypeTop #mainArea ul.indModelBox01 li.lastCol{
	margin-right: 0;
}
#TypeTop #mainArea ul.indModelBox01 .icoNew{
	position: absolute;
	top: 9px;
	left: 11px;
}
#TypeTop #mainArea ul.indModelBox01 .indModelTit{
	font-weight: bold;
	font-size: 118%;
}
/*#TypeTop #mainArea ul.indModelBox01 .indModelTxt{ color: #15a9d9; }*/
#TypeTop #mainArea ul.indModelBox01 .indModelTxt a{ color: #15a9d9; }

#TypeTop #mainArea .indModelBox02{
	background: url("../img/ind_model_box02_bg.gif") 0 0 repeat;
	width: 660px;
	margin-bottom:20px;
}
#TypeTop #mainArea .indModelBox02Inner{
	background: url("../img/ind_model_box02inr_bg.gif") 0 0 repeat;
	width: 640px;
	margin: 0 auto;
}
#TypeTop #mainArea .indModelBox02Inner .tit{
	background: url("../img/ind_model_box02_tit_bg.png") 0 0 no-repeat;
	width: 613px;
	margin-left: 14px;
	font-weight: bold;
	font-size: 133.4%;
	padding: 17px 0 10px 10px;
	line-height: 30px;
}
#TypeTop #mainArea .indModelBox03{
	width: 600px;
	margin: 0 auto;
}
#TypeTop #mainArea .indModelBox03 li.box03ColL{
	float: left;
	width: 300px;
}
#TypeTop #mainArea .indModelBox03 li.box03ColR{
	float: right;
	width: 300px;
}
#TypeTop #mainArea .indModelBox03Inner{
	width: 300px;
	margin: 0 auto;
}
#TypeTop #mainArea .indModelBox03Inner li.box03ColL{
	float: left;
	width: 52px;
}
#TypeTop #mainArea .indModelBox03Inner li.box03ColR{
	float: right;
	width: 240px;
}
#TypeTop #mainArea .indModelBox04{
	width: 605px;
	margin: 0 auto;
}
#TypeTop #mainArea .indModelBox04 li.box04Col{
	float: left;
	width: 195px;
	height: 98px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#TypeTop #mainArea .indRankBox01{
	width: 660px;
}
#TypeTop #mainArea .indRankBox01 a:link,
#TypeTop #mainArea .indRankBox01 a:visited{
	text-decoration: none;
}
#TypeTop #mainArea .indRankBox01 a:hover{
	text-decoration: underline;
}
#TypeTop #mainArea .indRankBox01 .box01ColL{
	float: left;
	width: 330px;
}
#TypeTop #mainArea .indRankBox01 .box01ColR{
	float: right;
	width: 330px;
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01{
	width: 330px;
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li{
	border-bottom: 1px dashed #999999;
	padding: 10px 0;
	font-size: 118%;
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum01,
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum02,
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum03,
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum04,
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum05{
	padding-top: 8px;
	padding-left: 90px;
	padding-bottom: 8px;
	min-height: 13px;
	background-position: 30px 0;
	background-repeat: no-repeat;
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum01{
	background-image: url("../img/ind_rank_ico01.gif");
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum02{
	background-image: url("../img/ind_rank_ico02.gif");
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum03{
	background-image: url("../img/ind_rank_ico03.gif");
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum04{
	background-image: url("../img/ind_rank_ico04.gif");
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li p.icoNum05{
	background-image: url("../img/ind_rank_ico05.gif");
}
#TypeTop #mainArea .indRankBox01 ul.indRanklist01 li.lastList{
	border-bottom: none;
}
#TypeTop #mainArea .indRankBox02{
	width: 330px;
}
#TypeTop #mainArea .indRankBox02 .box02ColL{
	float: left;
	width: 50px;
}
#TypeTop #mainArea .indRankBox02 .box02ColR{
	float: right;
	background: url("../img/ind_rank_box02_bg.gif") 0 0 repeat;
	width: 280px;
}
#TypeTop #mainArea .indRankBox02 .indRankBox02Inner{
	background-color: #ffffff;
	margin: 0 10px;
	padding: 0 15px;
	width: 230px;
	color: #15a9d9;
}


/* --------- Clearfix ------- */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size: 0;
	content:".";
	clear:both;
	height:0;
}
.clearfix{display:inline-block;}
/* \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/**/
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */