@CHARSET "UTF-8";



body{
	background-color: #F4F6F8;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif;
}
ul li{
	list-style: none;
}
a{
	color: #638CA5;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}


/* --------------------------------------------------------------------------------------------- module */
.fs12{	font-size: 75%;	/* 12px */	}
.fs13{	font-size: 80%;	/* 13px */	}
.fl{	float: left;	}
.fr{	float: right;	}
.clearfix{	overflow: hidden; zoom: 1;	}
.fwb{	font-weight: bold;	}
.tac{	text-align: center !important;	}
.tal{	text-align: left !important;	}
.tar{	text-align: right !important;	}
.vat{	vertical-align: top !important;	}
.vam{	vertical-align: middle !important;	}
.vab{	vertical-align: bottom !important;	}
.mt10{	margin-top: 10px !important;	}
.mt20{	margin-top: 20px !important;	}
.mt30{	margin-top: 30px !important;	}
.mt50{	margin-top: 50px !important;	}
.mr05{	margin-right: 5px !important;	}
.mr10{	margin-right: 10px !important;	}
.mr20{	margin-right: 20px !important;	}
.pt20{	padding-top: 20px !important;	}
.w70{	width: 70px;	}
.w100{	width: 100px;	}
.w130{	width: 130px;	}
.w230{	width: 230px;	}
.w250{	width: 250px;	}
.w270{	width: 270px;	}
.w330{	width: 330px;	}
.w370{	width: 370px;	}
.w380{	width: 380px;	}
.w430{	width: 430px;	}
.w670{	width: 670px !important;	}
.noborder{	border: none !important;	}



/* --------------------------------------------------------------------------------------------- Header */
#Header{
	color: #638CA5;
}
#Header .main .inner{
	background-position: right bottom;
	background-repeat: no-repeat;
}
#Header.products00 .main .inner{	background-image: url(../common/img/header_bg_products00.png);	}
#Header.products01 .main .inner{	background-image: url(../common/img/header_bg_products01.png);	}
#Header.support01 .main .inner{	background-image: url(../common/img/header_bg_support01.png);	}
#Header.company00 .main .inner{	background-image: url(../common/img/header_bg_company00.png);	}

/* ----------------------------------------------------------------------------------- top */
#Header .top{
	background-color: #F4F6F8;
	margin: 0 auto;
	width: 980px;
	height: 30px;
	overflow: hidden;
	zoom: 1;
	line-height: 1.1;
}
#Header .top p{
	float: left;
	margin: 9px 0 0;
	font-size: 63%;	/* 10px */
}
#Header .top ul{
	float: right;
	margin: 7px 0 0;
	font-size: 75%;	/* 12px */
	overflow: hidden;
	zoom: 1;
}
#Header .top ul li{
	float: left;
	padding: 0 0 0 20px;
	line-height: 1.3;
}
#Header .top ul li.worldwide{
	background: url(../common/img/mark01.png) no-repeat 0 0;
}
/* ----------------------------------------------------------------------------------- main */
#Header .main{
	background: url(../common/img/header_main_bg.png) no-repeat center 100px #ffffff;
}
#Header .main ul{
	position: absolute;
	overflow: hidden;
	zoom: 1;
}
#Header .main ul li{
	float: left;
	line-height: 0;
}
#Header .main .inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 180px;
	overflow: hidden;
	zoom: 1;
}
div.colomn_one #Header .main .inner {
	height: 100px;
}
#Header .main ul.menu{
	right: 150px;
	top: 11px;
}
#Header .main ul.menu li{
	padding: 0 0 0 13px;
}
#Header .main ul.fsize{
	right: 0;
	top: 13px;
}
#Header .main ul.fsize li{
	padding: 4px 3px 0;
}
#Header .main ul.fsize li.btn{
	padding: 0 0 0 6px;
}
#Header .main ul.fsize li.btn img{
	cursor: pointer;
}
#Header .main .logo{
	position: absolute;
	left: 0;
	top: 46px;
}
#Header .main .title{
	position: absolute;
	left: 0;
	top: 128px;
}
/* ----------------------------------------------------------------------------------- gmenu */
#Header ul.gmenu{
	right: 0;
	top: 46px;
}
#Header ul.gmenu li a{
	background: url(../common/img/header_gmenu.gif) no-repeat 0 0;
	display: block;
	width: 160px;
	height: 54px;
	text-indent: -9999px;
}
#Header ul.gmenu li.menu05 a{
	width: 161px;
}
#Header ul.gmenu li.menu02 a{	background-position: -160px 0;	}
#Header ul.gmenu li.menu03 a{	background-position: -320px 0;	}
#Header ul.gmenu li.menu04 a{	background-position: -480px 0;	}
#Header ul.gmenu li.menu05 a{	background-position: -640px 0;	}
#Header ul.gmenu li.menu01 a:hover, #Header ul.gmenu li.menu01 a.active{	background-position: 0 -54px;	}
#Header ul.gmenu li.menu02 a:hover, #Header ul.gmenu li.menu02 a.active{	background-position: -160px -54px;	}
#Header ul.gmenu li.menu03 a:hover, #Header ul.gmenu li.menu03 a.active{	background-position: -320px -54px;	}
#Header ul.gmenu li.menu04 a:hover, #Header ul.gmenu li.menu04 a.active{	background-position: -480px -54px;	}
#Header ul.gmenu li.menu05 a:hover, #Header ul.gmenu li.menu05 a.active{	background-position: -640px -54px;	}




/* --------------------------------------------------------------------------------------------- TopicPath */
#TopicPath{
	position: relative;
	margin: 0 auto;
	padding: 15px 0 13px 0;
	width: 100%;
	font-size: 63%;	/* 10px */
	color: #638CA5;
	line-height: 1.2;
	background: url(/cms/common/img/header_main_bg.png) no-repeat center top #F4F6F8;
}
#TopicPath ul{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}
#TopicPath ul li{
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}
#TopicPath ul li:after {
	content: ">";
	font-size: 9px;
}
#TopicPath ul li:last-child {
	margin-right: 0;
}
#TopicPath ul li:last-child:after {
	content: "";
}
#TopicPath ul li a{
	margin: 0 10px 0 0;
}
#TopicPath ul.sns{
	position: absolute;
	right: 16px;
	top: 4px;
}
#TopicPath ul.sns li{
	margin: 0 4px 0 0;
}
#TopicPath ul.sns li a{
	margin: 0;
}

/* --------------------------------------------------------------------------------------------- ContentsWrap */
#ContentsWrap{
	margin: 13px auto 0;
	width: 980px;
	overflow: hidden;
	zoom: 1;
}

/* --------------------------------------------------------------------------------------------- SideMenu */
#SideMenu{
	float: left;
	width: 180px;
}
#SideMenu .banner{
	margin: 0 0 10px;
	line-height: 0;
}

/* ----------------------------------------------------------------------------------- search */
#SideMenu .search{
	background: url(../common/img/sidemenu_search_bg.png) no-repeat 0 0;
	margin: 0 0 10px;
	width: 180px;
	height: 40px;
	overflow: hidden;
	zoom: 1;
}
#SideMenu .search input[type="text"]{
	float: left;
	border: none;
	margin: 12px 0 0 11px;
	width: 135px;
}
#SideMenu .search input[type="image"]{
	float: right;
	margin: 10px 8px 0 0;
}

/* ----------------------------------------------------------------------------------- menu01 */
#SideMenu .menu01{
	background: url(../common/img/sidemenu_menu01_bg_foot.gif) no-repeat 0 bottom #ffffff;
	margin: 0 0 10px;
	padding: 0 0 2px;
	font-weight: bold;
}
#SideMenu .menu01 h3{
	background: url(../common/img/sidemenu_menu01_bg_head.png) no-repeat 0 0 #013AAE;
	padding: 16px 0;
	font-size: 94%;	/* 15px */
	color: #ffffff;
	text-align: center;
}
#SideMenu .menu01 ul{
	font-size: 80%;	/* 13px */
}
#SideMenu .menu01 ul li{
	border-top: 1px solid #F4F6F8;
}
#SideMenu .menu01 ul li:first-child{
	border: none;
}
#SideMenu .menu01 ul li a{
	display: block;
	background: url(../common/img/mark02.gif) no-repeat 12px center;
	padding: 22px 0 22px 25px;
	color: #333333;
}
#SideMenu .menu01 ul li a.active,
#SideMenu .menu01 ul li a:hover{
	background-color: #CCEBFF;
	text-decoration: none;
}
/* ----------------------------------------------------------------------------------- menu02 */
#SideMenu .menu02{
	background: url(../common/img/sidemenu_menu02_bg_foot.gif) no-repeat 0 bottom #ffffff;
	margin: 0 0 10px;
	padding: 0 0 22px;
	font-size: 75%;	/* 12px */
}
#SideMenu .menu02 h3{
	margin: 0 0 10px;
}
#SideMenu .menu02 a{
	color: #4C4CD0;
}
#SideMenu .menu02 dl{
	margin: 0 auto;
	padding: 10px 0 0;
	width: 162px;
}
#SideMenu .menu02 dl dt{
	line-height: 0;
}
#SideMenu .menu02 dl dd{
	background: url(../common/img/mark03.gif) no-repeat 0 5px;
	margin: 10px 0 0;
	padding: 0 0 0 10px;
	line-height: 1.5;
}
#SideMenu .menu02 table{
	margin: 0 auto;
	width: 200px;
}
#SideMenu .menu02 table th,
#SideMenu .menu02 table td{
	text-align: left;
	vertical-align: middle;
}
#SideMenu .menu02 table th{
	width: 50px;
	padding: 0 0 10px;
	line-height: 0;
}
#SideMenu .menu02 table td{
	padding: 0 0 10px;
	line-height: 1.5;
}
#SideMenu .menu02 table td a{
	background: url(../common/img/mark04.png) no-repeat 130px center;
	display: block;
}

/* ----------------------------------------------------------------------------------- menu03 */
#SideMenu .menu03{
	background: url(../common/img/sidemenu_menu03_bg_foot.gif) no-repeat 0 bottom #ffffff;
	margin: 0 0 10px;
	padding: 0 0 2px;
}
#SideMenu .menu03 h3{
	background: url(../common/img/sidemenu_menu03_bg_head.png) no-repeat 0 0 #013AAE;
	padding: 16px 0;
	font-size: 94%;	/* 15px */
	color: #ffffff;
	text-align: center;
}
#SideMenu .menu03 ul li{
	border-top: 1px solid #F4F6F8;
	padding: 10px 0 5px;
	line-height: 1.3;
}
#SideMenu .menu03 ul li:first-child{
	border: none;
	padding: 0 0 5px;
}
#SideMenu .menu03 ul li span{
	display: block;
	background: url(../common/img/mark14.gif) no-repeat 15px 10px;
	padding: 10px 10px 10px 27px;
	font-weight: bold;
}
#SideMenu .menu03 ul li span.active{
	background-color: #0099FF;
	background-image: url(../common/img/mark15.gif);
	color: #ffffff;
}
#SideMenu .menu03 ul li a{
	display: block;
	background: url(../common/img/mark02.gif) no-repeat 15px center;
	padding: 8px 10px 8px 30px;
	color: #333333;
}
#SideMenu .menu03 ul li a.active,
#SideMenu .menu03 ul li a:hover{
	background-color: #CCEBFF;
	text-decoration: none;
}
#SideMenu .menu03 ul li ul{
	font-size: 75%;	/* 12px */
}
#SideMenu .menu03 ul li ul li,
#SideMenu .menu03 ul li ul li:first-child{
	border: none;
	padding: 0;
}

/* --------------------------------------------------------------------------------------------- Contents */
#Contents{
	float: right;
	width: 780px;
}
#Contents.col1{
	width: 950px;
}
#Contents a{
	color: #4C4CD0;
}
#Contents .section01{
	background: url(../common/img/contents_section01_bg_head.gif) no-repeat 0 0 #ffffff;
	margin: 0 0 20px;
	padding: 5px 0 0;
}
#Contents .section01 .inner{
	background: url(../common/img/contents_section01_bg_foot.gif) no-repeat 0 bottom;
	padding: 0 0 22px;
}
#Contents .section02{
	background: url(../common/img/contents_section02_bg_head.gif) no-repeat 0 0 #ffffff;
	margin: 0 0 20px;
	padding: 5px 0 0;
}
#Contents .section02 .inner{
	background: url(../common/img/contents_section02_bg_foot.gif) no-repeat 0 bottom;
	padding: 0 0 5px;
}
#Contents .section02 .inner2{
	border-right: 2px solid #DCE5EB;
	border-left: 2px solid #DCE5EB;
}
#Contents .section03{
	background: url(../common/img/contents_section03_bg_head.gif) no-repeat 0 0 #ffffff;
	margin: 0 0 20px;
}
#Contents .section03 .inner{
	background: url(../common/img/contents_section03_bg_foot.gif) no-repeat 0 bottom;
	padding: 20px 0;
}
/* ----------------------------------------------------------------------------------- title */
#Contents .title01,
.p-cetring .title01 {
	background: url(../common/img/mark05.gif) no-repeat 20px 18px;
	border-bottom: 1px solid #F4F6F8;
	padding: 12px 20px 12px 35px;
	font-weight: bold;
	line-height: 1.5;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}
#Contents .title01 .label,
.p-cetring .title01 .label {
	margin: 0 0 0 10px;
	vertical-align: middle;
	line-height: 0;
}
#Contents .title01 .price,
.p-cetring .title01 .price {
	float: right;
	font-size: 88%;	/* 14px */
	font-weight: normal;
}
#Contents .title01 .link,
.p-cetring .title01 .link {
	float: right;
	display: inline-block;
	background: url(../common/img/mark18.gif) no-repeat 6px center #638CA5;
	padding: 2px 25px;
	font-size: 75%;	/* 12px */
	color: #ffffff;
	font-weight: normal;
}
#Contents .title01 .sub,
.p-cetring .title01 .sub {
	margin: 0 0 0 20px;
	font-size: 80%;	/* 13px */
	font-weight: normal;
}
#Contents .title01 .link:hover,
.p-cetring .title01 .link:hover {
	text-decoration: none;
}
#Contents .title02,
.p-cetring .title02 {
	background: url(../common/img/mark05.gif) no-repeat 20px 18px;
	border-bottom: 1px solid #DCE5EB;
	padding: 12px 20px 12px 35px;
	font-weight: bold;
	line-height: 1.5;
}
#Contents .title03,
.p-cetring .title03 {
	background: url(../common/img/mark10.gif) no-repeat 1px center;
	border-bottom: 1px solid #DCE5EB;
	padding: 7px 13px;
	font-size: 88%;	/* 14px */
	line-height: 1.3;
}
#Contents .title04,
.p-cetring .title04 {
	background-color: #0033AB;
	margin: 0 20px;
	padding: 10px 15px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.3;
}
#Contents .title05,
.p-cetring .title05 {
	background: url(../common/img/mark05.gif) no-repeat 1px 9px;
	border-bottom: 1px solid #DCE5EB;
	padding: 5px 20px 5px 15px;
	font-weight: bold;
	line-height: 1.5;
}
/* ----------------------------------------------------------------------------------- txt */
#Contents .txt01,
.p-cetring .txt01 {
	background-color: #F4F6F8;
	margin: 20px auto 0;
	padding: 5px;
	width: 730px;
	line-height: 1.3;
	font-size: 88%;	/* 14px */
	font-weight: bold;
	text-align: center;
}
#Contents .txt02,
.p-cetring .txt02 {
	margin: 20px auto 0;
	width: 670px;
	line-height: 1.3;
	font-size: 75%;	/* 12px */
}
#Contents .txt03,
.p-cetring  .txt03 {
	background-color: #F4F6F8;
	margin: 20px auto 0;
	padding: 20px;
	width: 630px;
	line-height: 1.3;
	font-size: 80%;	/* 13px */
}
#Contents .txt03 span,
.p-cetring .txt03 span {
	font-weight: bold;
}
#Contents .txt04,
.p-cetring .txt04 {
	margin: 20px auto 0;
	width: 670px;
	line-height: 1.7;
	font-size: 80%;	/* 13px */
}
.p-cetring .section03 .layout01 {
	font-size: 95%!important;
	line-height: 180%!important;
}
.p-cetring .section03 .layout01 p {
	margin-bottom: 10px;
	font-size: 95%!important;
	line-height: 180%!important;
}
.p-cetring strong {
	font-weight: bold;
}
.p-cetring .nav01 {
	margin: 20px 0;
	text-align: center; 
}
.p-cetring .button01 {
	background: url(/cms/common/img/button01_bg.png) no-repeat right 0;
	display: inline-block;
	margin: 0 5px;
	line-height: 1;
}
.p-cetring .button01 a {
	display: block;
	padding: 14px 0 0;
	height: 26px;
	text-align: center;
	background: url(/cms/common/img/button01_bg_l.png) no-repeat 0 0;
	width: 270px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
/* ----------------------------------------------------------------------------------- carousel */
#Contents .carousel01{
	position: relative;
	margin: 0 auto;
	padding: 15px 33px;
	width: 634px;
}
#Contents .carousel01 .slide{
	height: 30px;
	overflow: hidden;
}
#Contents .carousel01 .slide div{
	float: left;
	width: 317px;
	overflow: hidden;
	zoom: 1;
}
#Contents .carousel01 .slide div p{
	float: left;
}
#Contents .carousel01 .slide div p a{
	float: left;
	overflow: hidden;
}
#Contents .carousel01 .slide div p a:hover{
	border: 2px solid #A4BCCC;
}
#Contents .carousel01 .slide div p a:hover img{
	margin: -2px;
}
#Contents .carousel01 .slide div dl{
	float: left;
	margin: 0 0 0 10px;
	width: 160px;
	font-size: 75%;	/* 12px */
	line-height: 1.5;
}
#Contents .carousel01 .slide div dl dt{
	padding: 5px 0;
	font-weight: bold;
}
#Contents .carousel01 .slide div dl dt a{
	background: url(../common/img/mark03.gif) no-repeat 0 3px;
	padding: 0 0 0 13px;
}
#Contents .carousel01 .prev{
	position: absolute;
	left: 7px;
	top: 55px;
}
#Contents .carousel01 .next{
	position: absolute;
	right: 7px;
	top: 55px;
}
#Contents .carousel02{
	position: relative;
	margin: 0 auto;
	padding: 25px 22px;
	width: 716px;
}
#Contents .carousel02 .slide{
	height: 160px;
	overflow: hidden;
}
#Contents .carousel02 .slide a{
	float: left;
	display: block;
	border: 1px solid #EEEEEE;
	padding: 4px;
	width: 169px;
	height: 150px;
	color: #333333;
}
#Contents .carousel02 .slide a:hover{
	border: 2px solid #A4BCCC;
	padding: 3px;
	text-decoration: none;
}
#Contents .carousel02 .slide a span{
	display: block;
	padding: 10px 5px 0;
	font-size: 69%;	/* 11px */
	line-height: 1.3;
}
#Contents .carousel02 .prev{
	position: absolute;
	left: 0;
	top: 100px;
}
#Contents .carousel02 .next{
	position: absolute;
	right: 0;
	top: 100px;
}

/* ----------------------------------------------------------------------------------- search */
#Contents .search01{
	border: 1px solid #E4E4E4;
	margin: 20px auto 0;
	padding: 0 0 20px;
	width: 740px;
}
#Contents .search01 table{
	border-bottom: 1px solid #E4E4E4;
	margin: 0 auto;
	width: 700px;
}
#Contents .search01 table.last{
	border: none;
}
#Contents .search01 table th{
	width: 130px;
	vertical-align: middle;
}
#Contents .search01 table td{
	padding: 10px 0 10px 20px;
	vertical-align: top;
	font-size: 75%;	/* 12px */
	line-height: 1.3;
}
#Contents .search01 table td div{
	overflow: hidden;
	zoom: 1;
}
#Contents .search01 table td label{
	display: block;
	float: left;
	margin: 5px 20px 5px 0;
	font-size: 100%;
}
#Contents .search01 input[type="checkbox"]{
	margin: 0 5px 0 0;
}

/* ----------------------------------------------------------------------------------- paginate */
#Contents .paginate01{
	background-color: #F4F6F8;
	margin: 20px auto 0;
	padding: 6px 15px;
	width: 640px;
	line-height: 1.3;
	font-size: 88%;	/* 14px */
}
#Contents .paginate01 a{
	margin: 0 5px;
}
#Contents .paginate01 a.skip{
	margin: 0 8px;
	font-weight: bold;
}
#Contents .paginate01 .num{
	margin: 0 20px 0 0;
	font-weight: bold;
}
#Contents .paginate01 .active{
	margin: 0 5px;
	font-weight: bold;
	color: #4C4CD0;
}

/* ----------------------------------------------------------------------------------- button */
#Contents .button01{
	display: inline-block;
	background: url(../common/img/button01_bg.png) no-repeat right 0;
	margin: 0 auto;
}
#Contents .button01 input{
	background: url(../common/img/button01_bg_l.png) no-repeat 0 0;
	border: none;
	padding: 0;
	height: 40px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
#Contents .button01 a{
	display: block;
	background: url(../common/img/button01_bg_l.png) no-repeat 0 0;
	padding: 14px 0 0;
	height: 26px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#Contents .button01 a:hover,
#Contents .button02 a:hover,
#Contents .button03 a:hover{
	text-decoration: none;
}
#Contents .button02{
	display: inline-block;
	background: url(../common/img/button02_bg.png) no-repeat right 0;
	margin: 0 auto;
}
#Contents .button02 a{
	display: block;
	background: url(../common/img/button02_bg_l.png) no-repeat 0 0;
	padding: 8px 0 0;
	height: 22px;
	font-size: 80%;	/* 13px */
	color: #333333;
	text-align: center;
}
#Contents .button02 a.cart{
	background: url(../common/img/button02_bg_l_cart.png) no-repeat 0 0;
}
#Contents .button03{
	display: inline-block;
	background: url(../common/img/button03_bg.png) no-repeat right 0;
	margin: 0 auto;
}
#Contents .button03 input{
	background: url(../common/img/button03_bg_l.png) no-repeat 0 0;
	border: none;
	padding: 0;
	height: 40px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #333333;
	cursor: pointer;
}
#Contents .button03 a{
	display: block;
	background: url(../common/img/button03_bg_l.png) no-repeat 0 0;
	padding: 14px 0 0;
	height: 26px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #333333;
	text-align: center;
}
#Contents .button04{
	display: inline-block;
	background: url(../common/img/button04_bg.png) no-repeat right 0;
	margin: 0 auto;
}
#Contents .button04 input{
	background: url(../common/img/button04_bg_l.png) no-repeat 0 0;
	border: none;
	padding: 0;
	height: 30px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
#Contents .button04 a{
	display: block;
	background: url(../common/img/button04_bg_l.png) no-repeat 0 0;
	padding: 9px 0 0 10px;
	height: 21px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#Contents .button05{
	display: inline-block;
	background: url(../common/img/button05_bg.png) no-repeat right 0;
	margin: 0 auto;
}
#Contents .button05 input{
	background: url(../common/img/button05_bg_l.png) no-repeat 0 0;
	border: none;
	padding: 0;
	height: 30px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #056EC5;
	cursor: pointer;
}
#Contents .button05 a{
	display: block;
	background: url(../common/img/button05_bg_l.png) no-repeat 0 0;
	padding: 9px 0 0 10px;
	height: 21px;
	font-size: 80%;	/* 13px */
	font-weight: bold;
	color: #056EC5;
	text-align: center;
}

/* ----------------------------------------------------------------------------------- list */
#Contents .list01{
	border-bottom: 1px solid #EEEEEE;
	margin: 0 auto;
	padding: 30px 0 20px;
	width: 671px;
}
#Contents .list01.last{
	border: none;
	padding: 30px 0 0;
}
#Contents .list01 ul{
	padding: 0 0 10px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list01 ul li{
	float: left;
	margin: 0 0 0 10px;
}
#Contents .list01 ul li a{
	display: block;
	border: 1px solid #EEEEEE;
	padding: 5px;
}
#Contents .list01 ul li a:hover{
	border: 2px solid #A4BCCC;
	padding: 4px;
	text-decoration: none;
}
#Contents .list01 ul li:first-child{
	margin: 0;
}
#Contents .list01 ul li span{
	display: block;
	background: url(../common/img/mark03.gif) no-repeat 5px 13px;
	padding: 10px 5px 7px 18px;
	font-size: 75%;	/* 12px */
	line-height: 1.3;
}
#Contents .list01 ul li span.style1{
	background: url(../common/img/mark16.gif) no-repeat 5px 12px;
	padding: 10px 5px 7px 25px;
	font-size: 88%;	/* 14px */
}
#Contents .list01 ul.col3 a{
	width: 205px;
}
#Contents .list01 ul.col4 a{
	width: 148px;
}
#Contents .list01 .title{
	margin: 0 0 20px;
}
#Contents .list02{
	margin: 20px auto 0;
	width: 670px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list02 a{
	display: block;
	border: 1px solid #EEEEEE;
	padding: 1px;
	width: 323px;
	color: #333333;
}
#Contents .list02 a:hover{
	border: 2px solid #A4BCCC;
	padding: 0;
	text-decoration: none;
}
#Contents .list02 table{
	width: 100%;
}
#Contents .list02 table th,
#Contents .list02 table td{
	vertical-align: top;
}
#Contents .list02 table th{
	padding: 10px;
	width: 120px;
}
#Contents .list02 table th span{
	display: block;
	margin: 5px 0 0;
}
#Contents .list02 table th span img{
	margin: 0 2px;
}
#Contents .list02 table td{
	padding: 10px 10px 10px 0;
}
#Contents .list02 dl{
	line-height: 1.5;
}
#Contents .list02 dl dt{
	padding: 0 0 5px;
	font-size: 88%;	/* 14px */
	font-weight: bold;
}
#Contents .list02 dl dt span{
	background: url(../common/img/mark08.gif) no-repeat right center;
	padding: 0 18px 0 0;
}
#Contents .list02 dl dd{
	font-size: 69%;	/* 11px */
}
#Contents .list03{
	margin: 0 auto;
	padding: 0 0 10px;
	width: 670px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list03 table{
	float: left;
	margin: 0 10px 0 0;
	width: 160px;
}
#Contents .list03 table.last{
	margin: 0;
}
#Contents .list03 table th,
#Contents .list03 table td{
	border: 1px solid #EEEEEE;
	font-weight: normal;
}
#Contents .list03 table th div{
	position: relative;
	padding: 4px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
#Contents .list03 table th a.img{
	float: left;
	overflow: hidden;
}
#Contents .list03 table th a.img:hover{
	border: 2px solid #A4BCCC;
}
#Contents .list03 table th a.img:hover img{
	margin: -2px;
}
#Contents .list03 table th span.new{
	position: absolute;
	left: -1px;
	top: -1px;
}
#Contents .list03 table th dl{
	float: left;
	padding: 7px 0 0 10px;
	line-height: 1.3;
}
#Contents .list03 table th dl dt{
	background: url(../common/img/mark03.gif) no-repeat 0 4px;
	padding: 0 0 0 13px;
	font-size: 75%;	/* 12px */
	font-weight: bold;
}
#Contents .list03 table th dl dd{
	padding: 3px 0 0;
	font-size: 69%;	/* 11px */
}
#Contents .list03 table td{
	height: 28px;
	vertical-align: middle;
	text-align: center;
}
#Contents .list04{
	overflow: hidden;
	zoom: 1;
}
#Contents .list04 li{
	float: left;
	padding: 15px 15px 0 0;
	line-height: 0;
}
#Contents .list04 li.edge{
	padding: 15px 0 0;
}
#Contents .list05{
	padding: 7px 0 0;
	overflow: hidden;
	zoom: 1;
}
#Contents .list05 div{
	float: left;
	margin: 10px 25px 0 0;
	width: 230px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list05 div.edge{
	margin: 10px 0 0;
}
#Contents .list05 div p{
	float: left;
	line-height: 0;
	overflow: hidden;
	zoom: 1;
}
#Contents .list05 div p a{
	float: left;
	overflow: hidden;
}
#Contents .list05 div p a:hover{
	border: 2px solid #A4BCCC;
}
#Contents .list05 div p a:hover img{
	margin: -2px;
}
#Contents .list05 div dl{
	float: left;
	padding: 0 0 0 13px;
	width: 135px;
	font-size: 75%;	/* 12px */
	line-height: 1.3;
}
#Contents .list05 div dl dt{
	background: url(../common/img/mark02.gif) no-repeat 0 7px;
	padding: 5px 0 5px 12px;
}
#Contents .list06{
	padding: 0 0 0 20px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list06 a{
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	width: 217px;
}
#Contents .list06 table{
	width: 100%;
}
#Contents .list06 table th,
#Contents .list06 table td{
	vertical-align: middle;
}
#Contents .list06 table th{
	width: 80px;
}
#Contents .list06 table td{
	padding: 0 0 0 15px;
	font-size: 75%;	/* 12px */
	line-height: 1.3;
}
#Contents .list06 table td span{
	background: url(../common/img/mark02.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
}
#Contents .list07 table{
	margin: 0 auto;
	width: 670px;
}
#Contents .list07 table th,
#Contents .list07 table td{
	padding: 0 0 15px;
	font-size: 75%;	/* 12px */
	line-height: 1.7;
	vertical-align: top;
}
#Contents .list07 table th{
	width: 90px;
	color: #638CA5;
	text-align: center;
}
#Contents .list07 table td a{
	display: inline-block;
	margin: 0 0 0 25px;
}
#Contents .list07 table td a.pdf{
	background: url(../common/img/icon_pdf.gif) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 0 25px;
}
#Contents .list07 table td a.campaign,
#Contents .list07 table td a.information,
#Contents .list07 table td a.event,
#Contents .list07 table td a.products{
	margin: 0;
	padding: 0 0 0 73px;
}
#Contents .list07 table td a.campaign{	background: url(../common/img/icon_campaign.gif) no-repeat 0 0;	}
#Contents .list07 table td a.information{	background: url(../common/img/icon_information.gif) no-repeat 0 0;	}
#Contents .list07 table td a.event{	background: url(../common/img/icon_event.gif) no-repeat 0 0;	}
#Contents .list07 table td a.products{	background: url(../common/img/icon_products.gif) no-repeat 0 0;	}
#Contents .list08{
	margin: 20px auto 0;
	width: 670px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list08 a{
	display: block;
	border: 1px solid #EEEEEE;
	padding: 2px;
}
#Contents .list08 a:hover{
	border: 3px solid #A4BCCC;
	padding: 0;
	text-decoration: none;
}
#Contents .list08 a dl{
	background: url(../common/img/mark17.gif) no-repeat 300px 50px;
	padding: 20px 20px 0;
	width: 280px;
	height: 100px;
}
#Contents .list08 a dl dd{
	margin: 5px 0 0;
	font-size: 75%;	/* 12px */
	line-height: 1.7;
	color: #333333;
}
#Contents .list09{
	margin: 20px auto 0;
	width: 670px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list09 div{
	border: 1px solid #EEEEEE;
	padding: 20px;
	width: 285px;
}
#Contents .list09 dl dd{
	margin: 10px 0 0;
	font-size: 80%;	/* 13px */
	line-height: 1.7;
}
#Contents .list09 ul li{
	margin: 10px 0 0;
	line-height: 0;
}
#Contents .list09 ul li.mail{
	background: url(../common/img/mark20.gif) no-repeat 15px center;
	background-color: #F4F6F8;
	padding: 22px 10px 10px 60px;
	height: 38px;
	line-height: 1.7;
	font-size: 80%;	/* 13px */
}
#Contents .list10{
	margin: 0 auto;
	padding: 0 0 14px;
	width: 758px;
	overflow: hidden;
	zoom: 1;
}
#Contents .list10 dl{
	float: left;
	margin: 0 7px;
	width: 175px;
}
#Contents .list10 dl dt,
#Contents .list10 dl dd{
	border: 1px solid #EEEEEE;
	font-weight: normal;
}
#Contents .list10 dl dt{
	position: relative;
	padding: 4px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
#Contents .list10 dl dt a.img{
	float: left;
	overflow: hidden;
}
#Contents .list10 dl dt a.img:hover{
	border: 2px solid #A4BCCC;
}
#Contents .list10 dl dt a.img:hover img{
	margin: -2px;
}
#Contents .list10 dl dt span.new{
	position: absolute;
	left: -1px;
	top: -1px;
}
#Contents .list10 dl dt a.name{
	float: left;
	background: url(../common/img/mark03.gif) no-repeat 10px 11px;
	padding: 7px 10px 0 23px;
	font-size: 75%;	/* 12px */
	font-weight: bold;
	line-height: 1.3;
}
#Contents .list10 dl dt span.caption{
	float: left;
	display: block;
	padding: 3px 10px 0 10px;
	font-size: 69%;	/* 11px */
	line-height: 1.3;
}
#Contents .list10 dl dd{
	border-top: none;
	padding: 5px 0 0;
	height: 23px;
	text-align: center;
}

/* ----------------------------------------------------------------------------------- table */
#Contents .table01{
	width: 100%;
}
#Contents .table01 th,
#Contents .table01 td{
	border: 1px solid #DCE1E7;
	padding: 10px 8px;
	font-size: 75%;	/* 12px */
	font-weight: normal;
	text-align: left;
	line-height: 1.7;
	vertical-align: middle;
}
#Contents .table01 th{
	background-color: #F4F6F8;
	width: 110px;
}

/* ----------------------------------------------------------------------------------- banner */
#Contents .banner01{
	display: block;
	background: url(../common/img/contents_banner_bg_head.gif) no-repeat 0 0;
	padding: 2px 0 0;
	width: 350px;
}
#Contents .banner01 .inner{
	background: url(../common/img/contents_banner_bg_foot.gif) no-repeat 0 bottom #ffffff;
	padding: 8px 20px 10px 10px;
}
#Contents .banner01 table{
	width: 100%;
}
#Contents .banner01 table th,
#Contents .banner01 table td{
	vertical-align: middle;
}
#Contents .banner01 table th{
	width: 80px;
}
#Contents .banner01 table td{
	background: url(../common/img/mark17.gif) no-repeat right center;
	padding: 0 15px 0 23px;
}
#Contents .banner01 table dl{
	color: #333333;
	line-height: 1.7;
}
#Contents .banner01 table dl dt{
	font-size: 88%;	/* 14px */
	font-weight: bold;
}
#Contents .banner01 table dl dd{
	font-size: 69%;	/* 11px */
}

/* ----------------------------------------------------------------------------------- form */
#Contents form input[type="text"]{
	border: 1px solid #CCCCCC;
	padding: 8px;
}
#Contents form input[type="radio"],
#Contents form input[type="checkbox"]{
	margin: 0 7px 0 0;
}
#Contents form select{
	border: 1px solid #CCCCCC;
	padding: 8px;
}
#Contents form textarea{
	border: 1px solid #CCCCCC;
	padding: 8px;
	width: 430px;
	height: 8em;
}
#Contents form label{
	margin: 3px 15px 3px 0;
	font-size: 80%;	/* 13px */
}
#Contents form table td .sep{
	margin: 0 5px;
}
#Contents form .navi{
	padding: 20px 0;
	text-align: center;
}
#Contents form .navi span{
	margin: 0 5px;
}
#Contents form .navi span.button01 a,
#Contents form .navi span.button01 input{
	width: 260px;
	line-height: 1;
}
#Contents form .navi span.button03 a,
#Contents form .navi span.button03 input{
	width: 150px;
}
#Contents .form01{
	margin: 0 auto;
	width: 670px;
	line-height: 1.5;
}
#Contents .form01 p{
	margin: 15px 0;
	font-size: 80%;	/* 13px */
}
#Contents .form01 table{
	width: 100%;
}
#Contents .form01 table th,
#Contents .form01 table td{
	border: 1px solid #E4E4E4;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
#Contents .form01 table th{
	width: 180px;
	font-size: 80%;	/* 13px */
}
#Contents .form01 table td div{
	width: 100%;
	overflow: hidden;
	zoom: 1;
}
#Contents .form01 table tr.head th{
	background-color: #F4F6F8;
	padding: 6px;
	width: 656px;
	font-weight: bold;
	text-align: center;
	font-size: 100%;
}
#Contents .form01 .wide1 label{
	margin: 3px 15px 10px 0;
}
#Contents .form01 table.confirm th,
#Contents .form01 table.confirm td{
	padding: 15px 10px;
	font-size: 80%;	/* 13px */
}
#Contents .form01 .thanks{
	line-height: 1.9;
}
#Contents .form01 .thanks ul{
	padding: 10px 0;
	font-size: 80%;	/* 13px */
}
#Contents .form01 .thanks ul li{
	background: url(../common/img/mark13.gif) no-repeat 2px 6px;
	padding: 0 0 20px 18px;
}
#Contents .form01 .navi{
	padding: 20px 0;
	text-align: center;
}
#Contents .form01 .navi input[type="image"],
#Contents .form01 .navi span{
	margin: 0 5px;
}
#Contents .form01 .navi span.button01 a,
#Contents .form01 .navi span.button01 input{
	width: 260px;
	line-height: 1;
}
#Contents .form01 .navi span.button03 a,
#Contents .form01 .navi span.button03 input{
	width: 150px;
}
#Contents .form02{
	margin: 0 auto;
	width: 910px;
	line-height: 1.5;
}
#Contents .form02 p{
	margin: 15px 0;
	font-size: 80%;	/* 13px */
}
#Contents .form02 dl{
	margin: 25px 0 0;
}
#Contents .form02 dl dt{
	background: url(../common/img/mark05.gif) no-repeat 0 6px;
	padding: 0 0 0 13px;
	font-weight: bold;
}
#Contents .form02 dl dt img{
	margin: 0 0 0 7px;
	vertical-align: middle;
}
#Contents .form02 dl dd{
	padding: 5px 0 0;
	font-size: 75%;	/* 12px */
}
#Contents .form02 table{
	margin: 7px 0 0;
	width: 100%;
}
#Contents .form02 table th,
#Contents .form02 table td{
	border: 1px solid #E4E4E4;
	padding: 10px;
	text-align: left;
	font-weight: normal;
}
#Contents .form02 table th{
	width: 180px;
	font-size: 80%;	/* 13px */
}
#Contents .form02 table th img{
	float: right;
}
#Contents .form02 table.confirm th,
#Contents .form02 table.confirm td{
	padding: 15px 10px;
	font-size: 80%;	/* 13px */
}
#Contents .form02 .navi{
	padding: 20px 0;
	text-align: center;
}
#Contents .form02 .navi span{
	margin: 0 5px;
}
#Contents .form02 .navi span.button01 a,
#Contents .form02 .navi span.button01 input{
	width: 260px;
	line-height: 1;
}
#Contents .form02 .navi span.button03 a,
#Contents .form02 .navi span.button03 input{
	width: 150px;
}

/* ----------------------------------------------------------------------------------- product_detail */
#Contents .product_detail{
	margin: 13px auto 0;
	width: 740px;
}
#Contents .product_detail .head{
	background: url(../common/img/line01.gif) repeat-x 0 bottom;
	height: 30px;
	overflow: hidden;
	zoom: 1;
}
#Contents .product_detail .head ul{
	float: left;
	font-size: 80%;	/* 13px */
	overflow: hidden;
	zoom: 1;
}
#Contents .product_detail .head ul li{
	float: left;
	margin: 0 1px 0 0;
}
#Contents .product_detail .head ul li a{
	display: block;
	background: url(../common/img/bg_pattern02.png) repeat-x 0 0 #F4F6F8;
	padding: 7px 15px 0;
	height: 22px;
	color: #333333;
	text-decoration: none;
}
#Contents .product_detail .head ul li.active a{
	background: url(../common/img/bg_pattern01.png) repeat-x 0 0 #0033AB;
	color: #ffffff;
}
#Contents .product_detail .head p{
	float: right;
	margin: 3px 0 0;
	font-size: 75%;	/* 12px */
	line-height: 1.5;
}
#Contents .product_detail .head p a{
	background: url(../common/img/mark02.gif) no-repeat 0 center;
	padding: 0 0 0 15px;
}
#Contents .product_detail .main{
	margin: 30px 0 0;
	overflow: hidden;
	zoom: 1;
}
#Contents .product_detail .main .gallery{
	float: left;
	width: 360px;
}
#Contents .product_detail .main .gallery th,
#Contents .product_detail .main .gallery td{
	text-align: center;
}
#Contents .product_detail .main .gallery th{
	border: 1px solid #EEEEEE;
	padding: 10px 0 15px;
}
#Contents .product_detail .main .gallery th dl dd{
	display: block;
	margin: 5px 0 0;
	font-weight: normal;
	font-size: 75%;	/* 12px */
	line-height: 1.3;
}
#Contents .product_detail .main .gallery td{
	width: 120px;
	line-height: 0;
}
#Contents .product_detail .main .gallery td a{
	float: left;
	overflow: hidden;
}
#Contents .product_detail .main .gallery td a.active,
#Contents .product_detail .main .gallery td a:hover{
	border: 3px solid #A4BCCC;
}
#Contents .product_detail .main .gallery td a.active img,
#Contents .product_detail .main .gallery td a:hover img{
	margin: -3px;
}
#Contents .product_detail .main .info{
	float: right;
	width: 360px;
	font-size: 75%;	/* 12px */
	line-height: 1.7;
}
#Contents .product_detail .main .info li{
	background: url(../common/img/mark09.gif) no-repeat 8px 10px;
	padding: 0 0 5px 20px;
}
#Contents .product_detail .main .navi1{
	float: right;
	width: 360px;
	padding: 5px 0;
}
#Contents .product_detail .main .navi1 li{
	padding: 5px 0 0;
}
#Contents .product_detail .main .navi1 li a{
	width: 360px;
}
#Contents .product_detail .main .navi2{
	float: right;
	padding: 5px 0;
	width: 365px;
	overflow: hidden;
	zoom: 1;
}
#Contents .product_detail .main .navi2 li{
	float: right;
	padding: 5px 0 0 5px;
}
#Contents .product_detail .main .navi2 li a{
	padding: 8px 0 0 10px;
	width: 167px;
}
#Contents .product_detail .main .navi2 li a.fs{
	padding: 9px 0 0 10px;
	height: 21px;
	font-size: 75%;	/* 12px */
}
#Contents .product_detail .main .color{
	float: left;
	margin: 20px 0 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}
#Contents .product_detail .main .color p{
	float: left;
	border: 1px solid #EEEEEE;
	border-right: none;
	padding: 33px 0 0;
	width: 142px;
	height: 45px;
	vertical-align: middle;
}
#Contents .product_detail .main .color ul{
	float: left;
	background: url(../common/img/bg_pattern04.gif) repeat 0 0;
	padding: 1px 0 0 1px;
	width: 596px;
	overflow: hidden;
	zoom: 1;
}
#Contents .product_detail .main .color ul li{
	float: left;
	margin: 0 1px 1px 0;
	width: 84px;
	line-height: 0;
}

/* ----------------------------------------------------------------------------------- sns_area */
#Contents .sns_area{
	margin: 0 auto;
	width: 910px;
}
#Contents .sns_area .section{
	background-color: #F4F6F8;
	border: 1px solid #E4E4E4;
	margin: 0 0 10px;
	padding: 14px;
}
#Contents .sns_area .section .head{
	overflow: hidden;
	zoom: 1;
}
#Contents .sns_area .section .head p.image{
	float: left;
}
#Contents .sns_area .section .head p.link{
	float: right;
	margin: 75px 0 0;
}
#Contents .sns_area .section .head p.link a{
	width: 200px;
}
#Contents .sns_area .section .head dl{
	float: left;
	padding: 22px 0 0 30px;
	width: 500px;
	line-height: 1.7;
	font-weight: bold;
}
#Contents .sns_area .section .head dl dt{
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 36px;
	color: #0033AB;
}
#Contents .sns_area .section .head dl.facebook dt{
	background-image: url(../common/img/icon_facebook01.gif);
}
#Contents .sns_area .section .head dl.twitter dt{
	background-image: url(../common/img/icon_twitter01.gif);
}
#Contents .sns_area .section .head dl dd{
	margin: 5px 0 0;
	font-size: 75%;	/* 12px */
}
#Contents .sns_area .section .body{
	padding: 10px 0;
	font-size: 75%;	/* 12px */
	line-height: 1.7;
}
#Contents .sns_area .section .body p{
	padding: 10px;
}

/* ----------------------------------------------------------------------------------- campaign_area */
#Contents .campaign_area{
	margin: 0 auto;
	width: 910px;
}
#Contents .campaign_area .main{
	background-color: #F4F6F8;
	border: 1px solid #E4E4E4;
	margin: 0 0 30px;
	padding: 30px 40px;
	line-height: 1.7;
}
#Contents .campaign_area .main h1{
	margin: 0 0 20px;
	font-size: 187%;	/* 30px */
}
#Contents .campaign_area .main p{
	font-size: 75%;	/* 12px */
}
#Contents .campaign_area .section{
	padding: 0 0 20px;
	line-height: 1.7;
}
#Contents .campaign_area .section h2{
	margin: 0 0 20px;
}
#Contents .campaign_area .section h3{
	margin: 0 0 10px;
}
#Contents .campaign_area .section .col2{
	width: 407px;
}
#Contents .campaign_area .section p.txt{
	font-size: 75%;	/* 12px */
}
#Contents .campaign_area .section .imgset01{
	margin: 0 0 20px;
	overflow: hidden;
	zoom: 1;
}
#Contents .campaign_area .section .imgset02{
	background-color: #F4F6F8;
	border: 1px solid #E4E4E4;
	margin: 0 0 20px;
	padding: 19px;
	overflow: hidden;
	zoom: 1;
}
#Contents .campaign_area .section .imgset01 .fl,
#Contents .campaign_area .section .imgset02 .fl{
	margin: 0 20px 20px 0;
}
#Contents .campaign_area .section .imgset01 .fr,
#Contents .campaign_area .section .imgset02 .fr{
	margin: 0 0 20px 20px;
}
#Contents .campaign_area .section .frame{
	border: 1px solid #E4E4E4;
	margin: 30px 0 0;
	padding: 20px 25px;
	height: 160px;
	overflow: auto;
}
#Contents .campaign_area .section .frame dl dt{
	font-size: 88%;	/* 14px */
}
#Contents .campaign_area .section .frame dl dd{
	padding: 15px 0 0;
	font-size: 75%;	/* 12px */
}
#Contents .campaign_area .navi{
	padding: 20px;
	text-align: center;
}
#Contents .campaign_area .navi .button01{
	margin: 0 5px;
}
#Contents .campaign_area .navi .button01 a{
	width: 270px;
}

/* ----------------------------------------------------------------------------------- support_area */
#Contents .support_area .attention{
	border: 2px solid #EEEEEE;
	margin: 20px auto 0;
	padding: 17px;
	width: 630px;
	overflow: hidden;
	zoom: 1;
}
#Contents .support_area .attention p.title{
	background: url(../common/img/mark19.gif) no-repeat 0 0;
	padding: 12px 0 0 50px;
	height: 28px;
	color: #CC0000;
	font-weight: bold;
	line-height: 1.3;
}
#Contents .support_area .attention dl{
	margin: 13px 0 0;
	line-height: 1.7;
}
#Contents .support_area .attention dl dt{
	font-weight: bold;
}
#Contents .support_area .attention dl dd{
	margin: 5px 0 0;
	font-size: 80%;	/* 13px */
}
#Contents .support_area .attention .navi{
	margin: 15px 0 0;
	text-align: center;
}
#Contents .support_area .attention .navi span.button01{
	width: 200px;
}
#Contents .support_area .inquiry{
	margin: 20px auto 0;
	width: 670px;
}
#Contents .support_area .inquiry p{
	font-size: 80%;	/* 13px */
	line-height: 1.7;
}
#Contents .support_area .inquiry ul{
	margin: 10px 0 0;
	font-size: 80%;	/* 13px */
	line-height: 1.7;
}
#Contents .support_area .inquiry ul li{
	background: url(../common/img/mark21.gif) no-repeat 3px 10px;
	padding: 0 0 0 12px;
}
#Contents .support_area .inquiry .section{
	padding: 0 0 20px;
}
#Contents .support_area .inquiry .frame{
	border: 1px solid #CCCCCC;
	margin: 0 0 20px;
	padding: 10px 10px 10px 20px;
	height: 180px;
	font-size: 80%;	/* 13px */
	line-height: 1.7;
	overflow: auto;
}
#Contents .support_area .inquiry .navi{
	margin: 15px 0 0;
	text-align: center;
}
#Contents .support_area .inquiry .navi span{
	margin: 0 5px;
}
#Contents .support_area .inquiry .navi span.button01{
	width: 280px;
}
#Contents .support_area .inquiry .navi span.button03{
	width: 130px;
}

/* ----------------------------------------------------------------------------------- faq_area */
#Contents .faq_area{
	margin: 20px auto 0;
	width: 670px;
}
#Contents .faq_area .anchor{
	border: 1px solid #E4E4E4;
	padding: 7px 10px;
	font-size: 80%;	/* 13px */
	line-height: 2.3;
}
#Contents .faq_area .anchor p{
	font-weight: bold;
}
#Contents .faq_area .anchor ul{
	overflow: hidden;
	zoom: 1;
}
#Contents .faq_area .anchor ul li{
	float: left;
	margin: 0 15px 0 0;
}
#Contents .faq_area .anchor ul li a{
	background: url(../common/img/mark03.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
}
#Contents .faq_area .section{
	border-bottom: 1px solid #E4E4E4;
	margin: 20px 0 0;
}
#Contents .faq_area .section h2{
	margin: 0 0 20px;
}
#Contents .faq_area .section .item{
	line-height: 1.7;
}
#Contents .faq_area .section .item .q{
	background: url(../common/img/icon_faq_q.png) no-repeat 10px 15px #F4F6F8;
	border: 1px solid #E4E4E4;
	border-bottom: none;
	font-size: 80%;	/* 13px */
	font-weight: bold;
}
#Contents .faq_area .section .item .q span{
	display: block;
	background: url(../common/img/mark24.png) no-repeat 640px center;
	padding: 13px 10px 13px 40px;
	cursor: pointer;
}
#Contents .faq_area .section .item .a{
	position: relative;
	border: 1px solid #E4E4E4;
	border-bottom: none;
	padding: 15px 0 50px;
}
#Contents .faq_area .section .item .a dl{
	background: url(../common/img/icon_faq_a.png) no-repeat 10px 0;
	font-size: 80%;	/* 13px */
}
#Contents .faq_area .section .item .a dl dt{
	padding: 0 10px 0 40px;
	font-weight: bold;
}
#Contents .faq_area .section .item .a dl dd{
	padding: 5px 10px 0;
}
#Contents .faq_area .section .item .a .btn{
	display: block;
	background: url(../common/img/mark23.gif) no-repeat 10px center;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #638CA5;
	padding: 4px 30px;
	color: #ffffff;
	font-size: 75%;	/* 12px */
	cursor: pointer;
}
#Contents .faq_area .section .item.close .q span{
	background-image: url(../common/img/mark25.png);
}

/* ----------------------------------------------------------------------------------- manual_area */
#Contents .manual_area{
	margin: 20px auto 0;
	width: 670px;
}
#Contents .manual_area .anchor table{
	border: 1px solid #E4E4E4;
	width: 100%;
}
#Contents .manual_area .anchor table th,
#Contents .manual_area .anchor table td{
	border-bottom: 1px solid #E4E4E4;
	font-size: 80%;	/* 13px */
	line-height: 2;
	vertical-align: middle;
	text-align: left;
}
#Contents .manual_area .anchor table th{
	padding: 7px 10px;
	width: 120px;
}
#Contents .manual_area .anchor table td{
	padding: 7px 0;
}
#Contents .manual_area .anchor table td ul{
	border-left: 1px dotted #C1C1C1;
	padding: 3px 20px;
	overflow: hidden;
	zoom: 1;
}
#Contents .manual_area .anchor table td ul li{
	float: left;
	margin: 0 15px 0 0;
}
#Contents .manual_area .anchor table td ul li a{
	background: url(../common/img/mark03.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
}
#Contents .manual_area .info{
	border-bottom: 1px solid #E4E4E4;
	padding: 0 0 20px;
	font-size: 80%;	/* 13px */
	line-height: 1.7;
}
#Contents .manual_area .info dl{
	margin: 20px 0 0;
}
#Contents .manual_area .info dl dt{
	font-weight: bold;
}
#Contents .manual_area .info dl dt.movie{
	background: url(../common/img/icon_movie.gif) no-repeat 2px 1px;
	padding: 0 0 0 25px;
}
#Contents .manual_area .section{
	padding: 20px 0 0;
	font-size: 80%;	/* 13px */
}
#Contents .manual_area .section h2{
	background-color: #638DA5;
	padding: 13px 10px;
	color: #ffffff;
}
#Contents .manual_area .section table{
	width: 100%;
}
#Contents .manual_area .section table th,
#Contents .manual_area .section table td{
	border: 1px solid #E4E4E4;
	padding: 10px;
	text-align: left;
	line-height: 1.7;
}
#Contents .manual_area .section table .head th{
	background-color: #F4F6F8;
}
#Contents .manual_area .section table td{
	vertical-align: middle;
}
#Contents .manual_area .section table td.bnr{
	border-right: none;
}
#Contents .manual_area .section table td.bnl{
	border-left: none;
}
#Contents .manual_area .section .pagetop{
	padding: 15px 7px;
	text-align: right;
}

/* ----------------------------------------------------------------------------------- company_area */
#Contents .company_area .top_message{
	margin: 20px auto 0;
	width: 670px;
	overflow: hidden;
	zoom: 1;
}
#Contents .company_area .top_message p.img{
	float: left;
}
#Contents .company_area .top_message .info{
	float: right;
	width: 375px;
}
#Contents .company_area .top_message .info dl{
	padding: 0 0 10px;
	line-height: 1.7;
}
#Contents .company_area .top_message .info dl dt{
	font-weight: bold;
}
#Contents .company_area .top_message .info dl dd{
	padding: 5px 0 0;
	font-size: 88%;	/* 14px */
}
#Contents .company_area .top_message .info table{
	margin: 10px 0 0;
	width: 100%;
}
#Contents .company_area .top_message .info table th,
#Contents .company_area .top_message .info table td{
	vertical-align: middle;
	font-weight: bold;
}
#Contents .company_area .top_message .info table th{
	width: 90px;
}
#Contents .company_area .top_message .info table td span{
	display: block;
	font-weight: normal;
	font-size: 88%;	/* 14px */
}
#Contents .company_area .top_message .info table td{
	padding: 0 0 0 20px;
	line-height: 1.7;
}
#Contents .company_area .philosophy{
	margin: 20px auto 0;
	width: 670px;
}
#Contents .company_area .philosophy dl{
	line-height: 1.7;
}
#Contents .company_area .philosophy dl dt{
	font-weight: bold;
}
#Contents .company_area .philosophy dl dd{
	margin: 10px 0 0;
	font-size: 88%;	/* 14px */
}
.p-cetring .section03 .inner {
	background-color: #fff;
	padding: 20px 30px 20px 15px;
}
.p-cetring .section01 .layout02 {
	padding: 10px 10px 0 10px;
}

/* ----------------------------------------------------------------------------------- popup_area */
#popup{
	text-align: center;	
}
#popup #popup_btn a{
	display: block;
	background: #638DA5;
	text-align: center;	
}


/* --------------------------------------------------------------------------------------------- PageTop */
#PageTop{
	margin: 0 auto;
	padding: 15px 0;
	width: 980px;
	text-align: right;
}





/* --------------------------------------------------------------------------------------------- Footer */
/* ----------------------------------------------------------------------------------- menu01 */
#Footer .menu01{
	background-color: #638DA5;
	padding: 10px 0;
	color: #ffffff;
	font-size: 75%;	/* 12px */
	line-height: 1.9;
}
#Footer .menu01 a{
	background: url(../common/img/mark06.png) no-repeat right center;
	margin: 0 5px 0 0;
	padding: 0 15px 0 0;
	color: #ffffff;
}
#Footer .menu01 table{
	margin: 0 auto;
	width: 980px;
}
#Footer .menu01 table th,
#Footer .menu01 table td{
	vertical-align: top;
}
#Footer .menu01 table th{
	width: 80px;
	font-weight: bold;
}
#Footer .menu01 ul{
	overflow: hidden;
	zoom: 1;
}
#Footer .menu01 ul li{
	float: left;
	margin: 0 5px 0 0;
}
/* ----------------------------------------------------------------------------------- menu02 */
#Footer .menu02{
	background-color: url(../common/img/footer_menu02_bg.png) repeat-x 0 0 #F6F8F9;
	padding: 20px 0 30px;
}
#Footer .menu02 .inner{
	background: url(../common/img/footer_menu02_bg.gif) repeat-y 0 0;
	margin: 0 auto;
	padding: 0 0 10px;
	width: 980px;
	overflow: hidden;
	zoom: 1;
}
#Footer .menu02 h3{
	padding: 0 10px 15px;
	font-size: 75%;	/* 12px */
	line-height: 1.2;
}
#Footer .menu02 ul{
	float: left;
	padding: 0 10px 10px;
	font-size: 69%;	/* 11px */
	line-height: 1.2;
}
#Footer .menu02 ul li{
	background: url(../common/img/mark07.gif) no-repeat 0 2px;
	margin: 0 0 7px;
	padding: 0 0 0 10px;
	zoom: 1;
}
#Footer .menu02 .box,
#Footer .menu02 .box_l{
	float: left;
}
#Footer .menu02 .box{
	width: 157px;
}
#Footer .menu02 .box_l{
	width: 222px;
}
#Footer .menu02 .box_l ul{
	width: 88px;
}
#Footer .menu02 .box div,
#Footer .menu02 .box_l div{
	overflow: hidden;
	zoom: 1;
}
/* ----------------------------------------------------------------------------------- bottom */
#Footer .bottom{
	background-color: #ffffff;
	padding: 25px 0;
	color: #638CA5;
	font-size: 75%;	/* 12px */
	line-height: 1.2;
	zoom: 1;
}
#Footer .bottom .inner{
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
	zoom: 1;
}
#Footer .bottom ul{
	float: left;
	padding: 5px 20px 0;
	overflow: hidden;
	zoom: 1;
}
#Footer .bottom ul li{
	float: left;
	margin: 0 10px 0 0;
}
#Footer .bottom ul li a{
	margin: 0 10px 0 0;
}
#Footer .bottom p.logo{
	float: left;
}
#Footer .bottom p.copyright{
	float: right;
	padding: 5px 0 0;
}