@charset "utf-8";

/*
########################################################
  common style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

body {
	line-height:180%;
	font-size:75%;
	background-color: #fff;
}

html{
  height:100%;
}

html>body{
  overflow:-moz-scrollbars-vertical;
}

html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}

img{
	border:0;
	vertical-align:text-bottom;
}

li{
	list-style-type:none;
	text-indent:0;
}

p{
	margin:0px 0 10px 0;
}

.displayOn{
	display : block;
}

.displayOff{
	display : none;
}

.borderNone{
	border:none !important;
}

.bgNone{
	background-image:none !important;
}

.relative{
	position:relative;
}

.absolute{
	position:absolute;
	top:0;
	left:0;
}

.bold{
	font-weight:bold !important;
}


/*
########################################################
  H1-H5 style
########################################################
*/

h1{
	margin:10px 0 0 0;
}

h2{
	margin:0;
	padding:0;
	font-size:180%;
	line-height:140%;
	float:left;
}



/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !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;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !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;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {
	margin-right:60px !important;
	_margin-right:40px !important;
}
.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;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.valignT{
	vertical-align: top !important;
}

.valignM{
	vertical-align:middle !important;
}

.valagnB{
	vertical-align:bottom !important;
}


/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	margin:0 0 0 0;
	border:none;
	padding:0;
	height:0;
	width:auto;
	visibility:hidden;
	clear:both;
	display: block;
}

/* clearfix
---------------------------------------------------- */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* list
---------------------------------------------------- */

ul.floatList{
}

ul.floatList li{
	float:left;
	margin:0 5px 0 0;
}


/*
########################################################
  .cursor
########################################################
*/

.cursorN{
	cursor:default;
}

.cursorP{
	cursor: pointer;
}


/*
########################################################
  .link
########################################################
*/

a:link{
	color:#599DA0;
	text-decoration:none;
}

a:visited{
	color:#599DA0;
	text-decoration:none;
}

a:hover,
a:active{
	color:#599DA0;
	text-decoration:underline;
}

/*
########################################################
  .txt
########################################################
*/

.fontS{
	font-size:90%;
	color:#666666 !important;
}

.fontM{
	font-size:100%;
	color:#666666 !important;
}

.fontL{
	font-size:120%;
	color:#666666 !important;
}

p.pageTop{
	position:absolute;
	bottom:50px;
	right:20px;
}

p.pageTop a:link,
p.pageTop a:visited{
	display:block;
	width:86px;
	height:15px;
	background:url(../images/btn_pagetop.gif) no-repeat left top;
	text-decoration:none;
	text-indent:-9999px;
}

p.pageTop a:hover,
p.pageTop a:active{
	background:url(../images/btn_pagetop.gif) no-repeat left -15px;
}

.font-normal{
	font-weight:normal !important;
}


/*
########################################################
  .color
########################################################
*/

.subText{
	color:#999999 !important;
}


/*
########################################################
  Btn style
########################################################
*/


/*
########################################################
  Table style
########################################################
*/



/*
########################################################
  Icon
########################################################
*/



/*
########################################################
  Templates
########################################################
*/

div#wrapper{
	margin:0 auto;
	background:url(../images/bg_header.gif) repeat-x left 60px;
	text-align:center;
}

div#wrapperIn{
	width:950px;
	margin:0 auto;
	text-align:left;
}

/* header
---------------------------------------------------- */

div#header{
	height:100px;
	position:relative;
	z-index:2;
}

/* headerMenu */

div#header ul#headerMenu{
	position:absolute;
	top:25px;
	right:0;
}

div#header ul#headerMenu li{
	float:left;
	font-size:11px;
	line-height:18px;
	margin:0 0 0 20px;
}

div#header ul#headerMenu li a{
	color:#666666;
}

div#header ul#headerMenu li a:hover,
div#header ul#headerMenu li a:active{
	text-decoration:underline;
}

div#header ul#headerMenu li.japan{
	background:url(../images/ico_arrow_down.gif) no-repeat right 2px;
	padding:0 15px 0 0;
	position:relative;
	cursor:pointer;
}

div#header ul#headerMenu li.japan a{
		text-decoration:none;
}

div#header ul#headerMenu li.japan dl{
	position:absolute;
	top:20px;
	left:-3px;
	display:none;
}
	
div#header ul#headerMenu li.japan dl dd a{
		background:url(../images/bg_pulldown.gif) no-repeat left top;
		border-bottom:1px solid #e8e8e8;
 	padding:1px 10px 1px 5px;
		display:block;
		height:20px;
		width:55px;
}

div#header ul#headerMenu li.japan dl dd a:hover,
div#header ul#headerMenu li.japan dl dd a:active{
	background:url(../images/bg_pulldown.gif) no-repeat left -22px;
	text-decoration:none;
}
	
div#header ul#headerMenu li.signIn{
	background:url(../images/ico_signin.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

div#header ul#headerMenu li.help{
	background:url(../images/ico_help.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

div#header ul#headerMenu li.mail{
	background:url(../images/ico_mail.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

div#header ul#headerMenu li.rss{
	background:url(../images/ico_rss.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

div#header ul#headerMenu li.twitter{
	background:url(../images/ico_twitter.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

/* glovalNavigation */

div#header ul#glovalNavigation{
	position:absolute;
	top:60px;
	left:0;
}

div#header ul#glovalNavigation li{
	float:left;
}

div#header ul#glovalNavigation li a{
	display:block;
	text-align:center;
	width:130px;
	height:24px;
	padding:10px 0 0 0;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#FFFFFF !important;
	background:url(../images/bg_global_navigation.gif) no-repeat left top;
}


div#header ul#glovalNavigation li span{
	color:#FFFFFF !important;
}

div#header ul#glovalNavigation li a:hover,
div#header ul#glovalNavigation li a:active{
	background:url(../images/bg_global_navigation.gif) no-repeat left -34px;
	text-decoration:none;
}

div#header ul#glovalNavigation li a.active{
	background:url(../images/bg_global_navigation.gif) no-repeat left -34px;
	text-decoration:none;
}

/* searchForm */

dl#searchForm{
	position:absolute;
	top:65px;
	right:0;
}

form#searchForm{  
	width: 160px;  
	background: url(../images/bg_search.gif) left top no-repeat;   
	display: block;  
	height: 24px;
	position: relative;  
}

#searshWords{  
	width: 128px;
	height:15px;
	position: absolute;  
	top: 5px;
	left: 5px;
	border: 1px solid #FFF;  
}

#searchBtn {  
	position: absolute;
	top: 5px;
 left: 138px;  
}


/* contents
---------------------------------------------------- */

div#contents{
	position:relative;
	z-index:1;
	padding:10px 0 5px 0;
}

div#contents div#contentsHead ul{
	position:absolute;
	top:5px;
	right:0;
	z-index:1;
}

div#contents div#contentsHead ul li{
	float:left;
	margin:0 0 0 5px; 
}

/* contentsIn */

div#contentsIn,
div#blogIn{
	padding:10px 0 0 0;
	clear:both;
}

div#contentsIn div#top,
div#blogIn div#top{
	background:url(../images/bg_contents_top.gif) no-repeat left top;
	padding-top:8px;
	position:relative;
}

div#contentsIn div#middle,
div#blogIn div#middle{
	background:url(../images/bg_contents_middle.gif) repeat-y left top;
}

div#contentsIn div#bottom,
div#blogIn div#bottom{
	background:url(../images/bg_contents_bottom.gif) no-repeat left bottom;
	position:relative;
	padding-bottom:80px;
}

div#otherIn div#top{
	background:url(../images/bg_other_top.gif) no-repeat left top;
	position:relative;
	padding-top:8px;
	margin-top:10px;
}

div#otherIn div#middle{
	background:url(../images/bg_other_middle.gif) repeat-y left top;
}

div#otherIn div#bottom{
	background:url(../images/bg_contents_bottom.gif) no-repeat left bottom;
	position:relative;
	padding:20px 0 80px;
}

div#otherIn h3{
	margin:25px 0 10px;
	padding:0 0 10px 0;
	background:url(../images/line_02.gif) no-repeat left bottom;
}

div#otherIn #mainContents ul li{
	background:url(../images/ico_list_black.gif) no-repeat 0 0.5em;
	padding:0 0 0 12px;
	margin-bottom:5px;
}

div#contents div#bottom div#contentsFoot{
	position:absolute;
	bottom:-7px;
	left:0;
	height:40px;
	width:950px;
}

div#contentsFoot p{
	margin:0px 0 0 15px;
	padding:4px 0 0 104px;
	float:left;
	font-weight:bold;
	font-size:17px;
	line-height:18px;
	background:url(../images/txt_tell.gif) no-repeat left 6px;
}

div#contents div#bottom div#contentsFoot ul{
	float:right;
}

div#contents div#bottom div#contentsFoot ul li{
	float:left;
	margin:0 5px 0 0;
}

/* localNavigation */

div#contentsIn div#localNavigation,
div#blogIn div#localNavigation{
	float:left;
	background:url(../images/bg_local_navigation_base.gif) no-repeat left top;
	padding:0 0 30px 0;
}

div#localNavigation div#localNavigationIn{
	width:230px;
	float:left;
	padding:32px 0 0 0;
	position:relative;
}

div#blogIn div#localNavigation div#localNavigationIn{
	padding:10px 0 0 0;
}


div#localNavigationIn div.topNavi a{
	display:block;
	text-align:left;
	position:absolute;
	top:-8px;
	left:0;
	width:210px;
	height:27px;
	padding:13px 0 0 20px;
	font-size:12px;
	line-height:16px;
	color:#666666;
	background:url(../images/bg_local_navigation_top.gif) no-repeat left top;
}

div#localNavigationIn div.topNavi a.active{
	background:url(../images/bg_local_navigation_top.gif) no-repeat left -40px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

div#localNavigationIn div.topNavi a:hover,
div#localNavigationIn div.topNavi a:active{
	background:url(../images/bg_local_navigation_top.gif) no-repeat left -40px;
	text-decoration:none;
	color:#FFF;
}

div#localNavigation dl dt a{
	display:block;
	text-align:left;
	width:210px;
	height:25px;
	padding:10px 0 0 20px;
	font-size:12px;
	line-height:16px;
	color:#666666;
	background:url(../images/bg_local_navigation.gif) no-repeat left top;
}

div#blogIn div#localNavigation dl dt{
	display:block;
	text-align:left;
	width:210px;
	height:24px;
	padding:10px 0 0 20px;
	font-size:12px;
	line-height:16px;
	color:#666666;
	background:url(../images/bg_local_navigation.gif) no-repeat left top;
}

div#localNavigation dl dt a:hover,
div#localNavigation dl dt a:active{
	background:url(../images/bg_local_navigation.gif) no-repeat left -35px;
	text-decoration:none;
	color:#FFF;
}

div#localNavigation dl dd ul{
	border-bottom:1px solid #DBDBDB;
}

div#localNavigation dl dd li a{
	display:block;
	text-align:left;
	width:188px;
	height:20px;
	padding:8px 0 0 42px;
	font-size:12px;
	line-height:16px;
	color:#666666;
	background:url(../images/bg_local_navigation_sub.gif) no-repeat left top;
}

div#blogIn div#localNavigation dl dd li a{
	display:block;
	text-align:left;
	width:183px;
	height:auto;
	padding:8px 20px 5px 27px;
	font-size:12px;
	line-height:16px;
	color:#666666;
	background:url(../images/bg_blog_navigation_sub.gif) no-repeat left top;
}

div#localNavigation dl dd li a:active,
div#localNavigation dl dd li a:hover{
	background:url(../images/bg_local_navigation_sub.gif) no-repeat left -29px;
	text-decoration:none;
}

div#blogIn div#localNavigation dl dd li a:active,
div#blogIn div#localNavigation dl dd li a:hover{
	background:url(../images/bg_blog_navigation_sub.gif) no-repeat left -100px;
	text-decoration:none;
}

div#localNavigation dl dt a.active{
	background:url(../images/bg_local_navigation.gif) no-repeat left -35px;
	font-weight:bold;
	color:#FFFFFF;
}

div#localNavigation dl dd a.active{
	background:url(../images/bg_local_navigation_sub.gif) no-repeat left -29px;
	font-weight:bold;
}

div#blogIn div#localNavigation dl dd a.active{
	background:url(../images/bg_blog_navigation_sub.gif) no-repeat left -100px;
	font-weight:normal;
}

div#localNavigation ul.navigationBtn{
	margin:15px 0 0 15px;
}

div#localNavigation ul.navigationBtn li{
	margin-bottom:10px;
}

div#localNavigation ul.navigationBtn a{
	display:block;
	text-align:left;
	width:150px;
	height:39px;
	padding:22px 0 0 50px;
	font-size:14px;
	line-height:16px;
	color:#666666;
	font-weight:normal;
	background:url(../images/bg_navigation_btn.gif) no-repeat left top;
}

div#localNavigation ul.navigationBtn a:hover,
div#localNavigation ul.navigationBtn a:active{
	background:url(../images/bg_navigation_btn.gif) no-repeat left -61px;
	text-decoration:none;
}

/* mainContents */

div#mainContents{
	float:right;
	width:688px;
	margin-right:1px;
}

div#blogIn div#mainContents{
		padding-top:20px;
}

div#mainContents div.main{
	width:400px;
	float:left;
}

div.noSub div.main{
	width:680px !important;
	float:none;
}

div#mainContents div.sub{
	width:230px;
	margin:0px 0px 10px 40px;
	float:left;
}

#otherIn #mainContents{
	float:none;
	width:890px;
	margin-left:30px;	
}






/* footer
---------------------------------------------------- */

div#footer{
}

div#footer #footerMenu{
}

div#footer #footerMenu li{
	float:left;
	font-size:11px;
	line-height:18px;
	padding:0 0 0 15px;
	margin:0 20px 0 0;
	background:url(../images/ico_arrow_right.gif) no-repeat left 2px;
}

div#footer #footerMenu li a{
	color:#666666;
}

div#footer #footerMenu li a:hover,
div#footer #footerMenu li a:active{
	text-decoration:underline;
}

p.copyright{
	text-align:right;
	font-size:12px;
	line-height:18px;
}


/*
########################################################
  Main
########################################################
*/


/* top
---------------------------------------------------- */

#mainArea{
	margin:0 0 20px 0;
}

#mainArea td.sub{
	height:100px;
	background:url(../images/top/bg_top_main.gif) no-repeat left top;
	font-size:12px;
	line-height:20px;
}

#mainArea td.sub a.mainBtn{
		background:url(../images/top/btn_main.gif) no-repeat left top;
		width:371px;
		height:80px;
		text-indent:-9999px;
		display:block;
		margin:3px 30px 0 15px;
		float:left;
}

#mainArea td.sub a.mainBtn:active,
#mainArea td.sub a.mainBtn:hover{
		background:url(../images/top/btn_main.gif) no-repeat left -80px;
}

#mainArea td.sub ul{
		float:left;
		margin:8px 0 0 0;
}

#mainArea td.sub ul li{
		background:url(../images/top/ico_check_main.gif) no-repeat left 3px;
		padding:0 0 0 25px;
		height:26px;
		color:#FFF !important;
		width:210px;
}

#mainArea td.sub ul li a{
		color:#FFF !important;
}

#mainArea td.sub ul li a:active,
#mainArea td.sub ul li a:hover{
		color:#FFF !important;
}

#mainArea td.sub ul li a:visited,
#mainArea td.sub ul li a:link{
		color:#FFF !important;	
}

#subArea{
		background:url(../images/top/bg_area_top.gif) no-repeat left top;
		padding:10px 0 0 0;
}

#subArea .middle{
		background:url(../images/top/bg_area_middle.gif) repeat-y left top;
		position:relative;
}

#subArea .bottom{
		background:url(../images/top/bg_area_bottom.gif) no-repeat left bottom;
		padding:0 0 10px 0;
}

#subArea h2{
	margin:0 0 15px 0;
	float:none;
	position:relative;
}

#subArea h2 .btnList{
	position:absolute;
	top:5px;
	right:0;
	_right:15px;
}

#subArea .pressSection{
	width:480px;
	float:left;
}

#subArea .pressSection dl{
	border-bottom:1px solid #e2e2e2;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

#subArea .pressSection dt{
	width:90px;
	margin-right:10px;
	float:left;
}

#subArea .pressSection dd{
	width:340px;
	float:left;
}

#subArea .customerSection{
	width:230px;
	float:left;
}

#subArea .customerSection dt{
	font-weight:bold;
}

#subArea .customerSection dt img{
	margin:0 0 5px 0;
}

#subArea .customerSection dd{
	font-size:80%;
}

#subArea .otherSection{
	width:240px;
	float:left;
}

#subArea .otherSection .helpBox{
	padding:5px 0;	
	border-bottom:1px solid #e2e2e2;
}

#subArea .otherSection .helpBox dl{
	float:left;
	width:180px;
	margin:0 0 0 15px;
	_margin:0 0 0 7px;
}

#subArea .otherSection .helpBox dd{
	font-size:80%;
	margin:0 0 10px 0;
	padding:5px 0 0 18px;
}

#subArea .otherSection .blogBox dl{
	margin:10px 0 0 15px;
}

#subArea .otherSection .blogBox dt{
	margin:0px 0 10px 0px;
}

#subArea .otherSection .blogBox dd{
	padding:0px 10px 0 0px;
}	

#subArea .pressSectionIn,
#subArea .customerSectionIn{
	padding:0px 20px;
}


/* search
---------------------------------------------------- */

#otherIn p.searchWord{
	border-bottom:1px solid #e2e2e2;
	margin:10px 0;
}

#otherIn dl.searchWord{
	margin:0 0 20px 0;
	background:url(../images/bg_google.gif) no-repeat right top;
}

#otherIn dl.searchWord dt{
	font-size:180%;
	line-height:140%;
	margin:0 0 0px 0;
}

#otherIn dl.searchWord dd{
	float:left;
	margin:0 15px 0 0;
}

#otherIn .searchSection{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #e2e2e2;
}

#otherIn .searchSection h3{
	font-size:160%;
	line-height:140%;
}


/* product
---------------------------------------------------- */

div#contents .productSection{
	background:url(../images/product/bg_product.jpg) no-repeat right top;
	padding-right:30px;
} 

.productSection p.summary{
	width:380px;
	padding:25px 0 35px;
}

.productSection .shortTitle{
	border-bottom:1px solid #e8e8e8;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	font-weight:bold;
	font-size:120%;
}

.productSection .productBox{
	border-bottom:1px solid #e2e2e2;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

.productSection .productBoxLeft{
	width:320px;
	float:left;
}

.productSection .productBoxRight{
	width:320px;
	float:right;
}

.productSection .productBoxLeft img,
.productSection .productBoxRight img{
	float:left;
}

.productSection .productBoxLeft dl,
.productSection .productBoxRight dl{
	float:right;
	width:260px;
}

.productSection .productBoxLeft dl dt,
.productSection .productBoxRight dl dt{
	font-size:120%;
	font-weight:bold;
}


/*
########################################################
  admin
########################################################
*/

/* テンプレート反映 */

.summary{
	margin:0 0 10px 0;
}

.main ul.icon{
	margin-bottom:20px;
}

.main ul.icon li{
	background:url(../images/ico_list_blue.gif) no-repeat 0 0.5em;
	padding:0 0 0 12px;
	margin-bottom:5px;
}

ul.video li{
	background:url(../images/ico_video.gif) no-repeat 0 6px;
	padding:0 0 3px 18px;
	margin-bottom:2px;
}

ul.rss li{
	background:url(../images/ico_rss.gif) no-repeat 0 4px;
	padding:0 0 3px 18px;
	margin-bottom:2px;
}

ul.blank li{
	background:url(../images/ico_blank.gif) no-repeat 0 6px;
	padding:0 0 3px 18px;
	margin-bottom:2px;
}

.quote ul.note li{
	float:right;
}

ul.note li{
	background:url(../images/ico_note.gif) no-repeat 0 2px;
	padding:0 0 3px 18px;
	margin-bottom:2px;
}

.quote ul.icon li{
	background:url(../images/ico_list_red.gif) no-repeat 0 0.5em;
	padding:0 0 0 12px;
	margin-bottom:5px;
}

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

ul.btn li{
	background:url(../images/bg_listbtn.gif) repeat-x left top;
	height:20px;
	padding:1px 10px 0 5px;
	margin:0 7px 5px 0;
	float:left;
	border-left:#616161 1px solid;
	border-right:#616161 1px solid;
	white-space:nowrap;
	font-size:12px;
	line-height:20px;
}

ul.btn li a{
	display:block;
	padding:0px 0 0 15px;
	background:url(../images/ico_listbtn.gif) no-repeat left 5px;
	color:#FFF;
	text-decoration:underline;
}

ul.btn li a:active,
ul.btn li a:hover{
	color:#FFF;
	text-decoration:underline !important;
}

ul.btn li a:link,
ul.btn li a:visited{
	color:#FFF;
	text-decoration:none;
}

dl.pressRelease{
	margin:0 0 15px 0;
}

dl.pressRelease dd{
	background:url(../images/line_01.gif) no-repeat left bottom;
	padding:5px 0;
}

ul.imgList li{
	float:left;
	margin:0 10px 10px 0;
}

ul.topMenu{
	margin:0 0 20px 0;
}

ul.topMenu li{
	float:left;
	background:url(../images/bg_topmenu_line.gif) repeat-x left top;
	font-size:12px;
	line-height:20px;
}

ul.topMenu li a{
	margin:0 1px 0 0;
	padding:6px 18px 0;
	display:block;
	height:31px;
	width:auto;
	text-align:center;
	background:url(../images/bg_topmenu.gif) no-repeat 50% bottom;
}

ul.topMenu li a.first{
		margin:0 1px;
}

ul.topMenu li a:active,
ul.topMenu li a:hover{
	background:url(../images/bg_topmenu_active.gif) no-repeat 50% bottom;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

table.topMenu td{
	background:url(../images/bg_topmenu_line.gif) repeat-x left top;
	font-size:12px;
	line-height:20px;
}

table.topMenu td a{
	margin:0 1px 0 0;
	padding:6px 18px 0;
	display:block;
	height:31px;
	width:auto;
	text-align:center;
	background:url(../images/bg_topmenu.gif) no-repeat 50% bottom;
}

table.topMenu td.first a{
		margin:0 1px;
}

table.topMenu td a.active{
	background:url(../images/bg_topmenu_active.gif) no-repeat 50% bottom;
	text-decoration:none;
	color:#FFF;
}

table.topMenu td a:active,
table.topMenu td a:hover{
	background:url(../images/bg_topmenu_active.gif) no-repeat 50% bottom;
	text-decoration:none;
	color:#FFF;
}

.pagenavigator p{
	text-align:center;
}

.pagenavigator a:active,
.pagenavigator a:hover{
	color:#599DA0 !important;
}

.pagenavigator .current{
	font-weight:bold;
}

.pagenavigator .pages span{
	margin:0 5px 0 0;
}

/* 見出し*/

h3{
	font-size:150%;
	margin:0 0 5px;
	clear:left;
}

h4{
	font-size:140%;
	margin:0 0 5px;
	clear:left;
}

h5{
	font-size:120%;
	margin:0 0 5px;
	clear:left;
}

h6{
	font-size:120%;
	margin:0 0 5px;
	clear:left;
	font-weight:normal;
}

h3.separator,
h4.separator,
h5.separator,
h6.separator{
	padding:0 0 5px 0;
	margin-bottom:15px;
	height:auto;
	background:url(../images/line_01.gif) no-repeat left bottom;
}

/* テーブル */

table.line{
		border-top:3px solid #BED065;
		margin:0 0 20px 0;
}

table.line td.sub{
		background-color:#f5f5f5;
		vertical-align:middle;
		padding:10px;
		line-height:120%;
		border-bottom:1px solid #e8e8e8;
}

table.line td{
		vertical-align:middle;
		padding:10px;
		border-bottom:1px solid #e8e8e8;
}

table.editor{
	background-image:url(../images/bg_editor.gif);
	background-position:top;
	background-repeat:no-repeat;		
	border-top:3px solid #BED065;
	margin:0 0 20px 0;
}

table.editor .attribute-image img{
}

table.editor td.sub{
		background-color:#f5f5f5;
		vertical-align:middle;
		padding:10px;
		line-height:120%;
		font-size:110%;
		border-bottom:1px solid #e8e8e8;
		text-align:left !important;
}

table.editor td{
		vertical-align:middle;
		padding:10px;
		border-bottom:1px solid #e8e8e8;
		border-right:1px solid #e8e8e8;
}

table.editor td.last{
	border-right:none;
	text-align:center !important;
}

table.editIco{
	background:none !important;
	border-top:none !important;
	margin:0 !important;
}

table.editIco td{
	padding:0 !important;
	border-bottom:none !important;
	border-right:none !important;
}

table.editCate{
	margin-bottom:30px;
	border-bottom:#D4D4D4 solid 1px;
}

table.editCate td.cateBasic{
	background:url(../images/bg_basic.gif) repeat-x right;
	height:43px;
	padding:0 !important;
}

table.editCate td.catePro{
	background:url(../images/bg_pro.gif) repeat-x left;
	height:43px;
	padding:0 !important;
}

table.editCate td{
	background:#EFEFEF;
	padding:10px 15px;
}

table.editCate td.cateBasLine{
	border-right:#D4D4D4 solid 1px;
}

table.default{
	margin:0 0 0px 0;
}

table.border{
	border:1px solid #e8e8e8;
	margin:15px 0;
}

table.border td{
	padding:20px;
}

table.list td{
	padding:0 10px 20px 0;
}

table.comparison{
	width:660px;
	height:40px;
	margin:25px 0;
	background-image:url(../images/bg_strike.gif);
	background-repeat:no-repeat;
}

table.comparison td{
	padding:12px 45px 0;
	font-size:120%;
	font-weight:bold;
	background-image:none;
}

table.lineTop{
	border-top:1px solid #e8e8e8;
	margin:0 0 20px 0;
}

table.lineTop td{
	border-bottom:1px solid #e8e8e8;
	padding:10px;
}

/* カスタムタグ */

.quote{
	border:#E5E5E5 solid 1px;
	background:#F9F9F9;
	padding:10px 10px 5px;
	margin:0 0 10px 0;
}

.main .quote{
	width:650px;
}

div.factBox{
		margin:15px 0 25px 0;
}

div.factBox .top{
		background:url(../images/bg_factbox_top.gif) no-repeat left top;
		padding-top:5px;
}

div.factBox .middle{
		background:url(../images/bg_factbox_middle.gif) repeat-y left top;
		padding:0px 0 0 0;
}

div.factBox .bottom{
		background:url(../images/bg_factbox_bottom.gif) no-repeat left bottom;
		padding:10px;
}

ol.news{
	margin:10px 0 0 0;
}

ol.news li{
	background:url(../images/ico_news.gif) no-repeat 0px 0.4em;
	padding:0 0 0 12px;
	margin-bottom:8px;
}

div.separator{
	background:url(../images/line_01.gif) no-repeat left bottom;
	height:5px;
	margin:15px 0;
	clear:left;
}

.clum .separator{
	background:url(../images/line_03.gif) no-repeat left bottom !important;
}

div.blogSection{
	padding:0 0 10px 0;
	background:url(../images/line_01.gif) no-repeat left bottom;
	margin:0 0 20px 0;
}

div.blogSection h3{
	background:url(../images/ico_blog.gif) no-repeat left bottom;
	padding:6px 0 0 35px;
	height:24px;
	margin-bottom:5px;
}

.blogSeparator{
	padding:30px 0 0px 0;
	margin-top:30px;
	height:auto;
	background:url(../images/line_01.gif) no-repeat left top;
}


/* ブログ */

#commentList{
	margin:0px 0 0 0;
	padding:0 10px 0 0;
}

#commentList h3{
		background:url(../images/ico_comment.gif) no-repeat left 4px;
		font-size:130%;
		font-weight:bold;
		margin:0 0 15px 0;
		padding:0 0 0 20px;
}

#commentList input{
	padding:3px;
}

#commentList dl{
	margin:0 0 30px 0;
}

#commentList dl dt{
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:url(../images/line_01.gif) no-repeat left bottom;
}

#commentList .block{
	margin:0 0 20px;
}

#commentList .buttonblock{
	margin-top:15px;
}

#commentList .warning{
	color:#900 !important;
	border:1px solid #999;
	background-color:#e8e8e8;
	padding:10px;
	margin:0 0 10px;
	width:300px;
}

#commentList .warning h2{
	float:none;
	color:#900 !important;
}

#commentList .warning ul{
	float:none;
	margin:0 0 0 5px !important;
	color:#900 !important;
}

#commentList .warning li{
	color:#900 !important;
}

#commentList label{
	font-weight:bold;
}

#commentList .element{
		margin:0 0 10px 0;
}