@charset "UTF-8";

/* =======================================
	Original CSS
========================================== */

#container {
	background: #002330 url("../images/bg_main.gif") repeat-x 0 0;
}

.bg_dot {
	background: url("../images/bg_dot.png") repeat 0 0;
}

p {
	font-size: 116.7%;
}

/* #header
****************************************************************************************/
#headerline {
	width: 100%;
	height: 5px;
}

#header {
	width: 920px;
	height: 100px;
	margin: 0 auto;
	padding-right: 20px;
}

#header p.logo {
	float: left;
	width: 400px;
}

#header p.lang {
	float: right;
	text-align: right;
	margin-top: 40px;
}

/* #navi
****************************************************************************************/
#navi {
	width: 100%;
	background: url("../images/bg_navi.gif") repeat-x 0 0;
	height: 50px;
}

#navi ul {
	width: 900px;
	margin: 0 auto;
}

#navi ul li {
	display: inline;
	float: left;
}


/* #wrapper
****************************************************************************************/

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
}

#wrapper p.lang {
	wiidth: 900px;
	padding: 0 20px;
	text-align: right;
}

#wrapper p.lang span {
	color: #ffffff;
}

#wrapper p.img_main {
	text-align: center;
}

#content {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

/* #main
****************************************************************************************/
#content #main {
	width: 620px;
	float: left;
	padding-bottom: 30px;
}

#content.col1 #main {
	width: 900px;
}

#content #main h1 {
	margin-bottom: 15px;
}

#content #main .bu_line {
	background: url("../images/bg_section_left.png") repeat-y 0 0;
	padding: 15px 0;
}

#content #main p.back,
#content #main p.more {
	text-align: right;
	margin-top: 10px;
	font-size: 100%;
	clear: both;
}

#content #main p.back a,
#content #main p.more a {
	background: url("../images/icon_list.gif") no-repeat 0 5px;
	padding-left: 10px;
}

#content #main .section {
	margin-bottom: 40px;
}

#content #main .section ul.news {
	padding-left: 15px;
}

#content #main .section ul.news li {
	overflow: hidden;
	padding: 0;
	padding-bottom: 15px;
}

#content #main .section ul.news li.end {
	margin-bottom: 0;
}

#content #main .section ul.news dl {
	min-height:1%;
}

#content #main .section ul.news dl dt {
	width: 85px;
	float: left;
	font-size: 100%;
}

#content #main .section ul.news dl dd {
	float: left;
	font-size: 100%;
}

#content #main .section ul.news dl dd a {
	background: url("../images/icon_list.gif") no-repeat 0 5px;
	padding-left: 10px;
}

#content #main .section .title {
	padding-left: 9px;
	margin-bottom: 9px;
}

#content #main .section .title p.img {
	width: 68px;
	float: left;
}

#content #main .section .title h2 {
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	font-size: 150%;
	color: #ffffff;
}
#content #main .section .title h2 span {
	margin-left: 15px;
	font-size: 80%;
}

#content #main .section .title p.store {
	width: 125px;
	float: right;
	margin-top: 12px;
}
#content #main .section .title p.market {
	width: 94px;
	float: right;
	margin-top: 12px;
}

#content #main .section .detail {
	width: 255px;
	float: left;
	padding-left: 15px;
	display: inline;
}

#content #main .section .detail p.lead {
	margin-bottom: 10px;
}

#content #main .section .detail p.lh18 {
	line-height: 1.8;
}

#content #main .section .detail ul.info {
	margin-bottom: 10px;
	font-size: 83.3%;
}

#content #main .section .detail p.caution {
	margin-bottom: 10px;
	font-size: 83.3%;
}

#content #main .section ul.share {
	margin: 20px 0 10px;
	clear: both;
}

#content #main .section ul.share li {
	display: inline;
	margin-right: 6px;
}

#content #main .section .youtube {
	width: 343px;
	float: right;
/*	background: url("../images/bg_youtube_top333.png") no-repeat 0 0;*/
	padding-top: 5px;
	margin-bottom: 0px;
}

#content #main .section .youtube p.top {
}

#content #main .section .youtube p.side {
/*	background: url("../images/bg_youtube_side333.png") repeat-y 0 0;*/
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 343px;
}

#content #main .section .youtube p.bottom {
/*	background: url("../images/bg_youtube_bottom333.png") no-repeat 0 0;*/
	height: 6px;
}


/* #news
****************************************************************************************/
#content #main .section dl.newstitle {
	margin-bottom: 10px;
}

#content #main .section dl.newstitle dt {
	font-size: 150%;
	color: #ffffff;
}

#content #main .section dl.newstitle dd {
	font-size: 150%;
	color: #ffffff;
}

/* .product
****************************************************************************************/
#content #main .product {
}

#content #main .product h2 {
	font-size: 150%;
	color: #ffffff;
	margin-bottom: 9px;
}

#content #main .product .youtube {
	width: 100%;
	text-align: center
	background: url("../images/bg_youtube_top454.png") no-repeat center top;
	padding-top: 5px;
	margin-bottom: 20px;
}

#content #main .product .youtube p.top {
}

#content #main .product .youtube p.side {
	background: url("../images/bg_youtube_side454.png") repeat-y 0 0;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 454px;
}

#content #main .product .youtube p.bottom {
	background: url("../images/bg_youtube_bottom454.png") no-repeat 0 0;
	height: 6px;
}

#content #main .product p.lead {
	padding-left: 82px;
	width: 454px;
}

#content #main .product ul.share {
	margin: 20px 0 10px;
	clear: both;
	padding-left: 82px;
}

#content #main .product ul.share li {
	display: inline;
	margin-right: 6px;
}

/* contact
****************************************************************************************/
#content #main .section p.img_adrs {
	margin: 5px 0;
}


/* #sidebar
****************************************************************************************/
#content #sidebar {
	width: 250px;
	float: right;
	padding-bottom: 30px;
}

#content #sidebar .section {
	margin-bottom:35px;
}

#content #sidebar h3 {
	margin-bottom: 15px;
}

#content #sidebar ul.share {
	margin: 20px 0 10px;
	clear: both;
	padding-left: 15px;
}

#content #sidebar ul.share li {
	display: inline;
	margin-right: 6px;
}

#content #sidebar .product_list dl {
	margin-bottom: 10px;
}

#content #sidebar .product_list dl:hover {
	background: #002a3b;
}

#content #sidebar .product_list dl dt {
	float: left;
}

#content #sidebar .product_list dl dd {
	float: left;
	margin-left: 5px;
	margin-top: 20px;
}

#content #sidebar ul.news_list {
}

#content #sidebar ul.news_list li {
	padding: 7px;
	border: solid 1px #005a7e;
	background: url("../images/icon_list.gif") no-repeat 15px 13px;
	padding-left: 25px;
}



/* #footer
****************************************************************************************/
#footer {
	width: 100%;
	height: 50px;
}

#footer p {
	padding-top: 15px;
	text-align: center;
}

/* Clearfix
****************************************************************************************/
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* WinIE7 only */
*:first-child+html .clearfix{
  height:1%;
}
* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}