/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%	 11px = 85%	 12px = 93%	 13px = 100%
14px = 108%	15px = 116%	16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%	23px = 174%	24px = 182%	25px = 189%
26px = 197%

KeyColor = #67A7CC;
------------------------------------------------------*/
html {
  background-color: transparent;
  background-image: none;
}
body {
	margin: 0px;
	padding: 0px;
	background: #f2f2f2;
	background-repeat: repeat-x;
	color: #404040;
	text-align: center;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height:1.8;
}
a{
	color:#404040;
}


#header{
	position:relative;
	text-align:left;
	width:780px;
	margin:0 auto;
}
#site_id{
	margin:0 0 0 10px;
}
#head_link{
	margin:0px;
	padding:0px;
	position: absolute;
	top:6px;
	right:0px;
}
#head_link li{
	list-style:none;
	display:block;
	float:left;
	padding:0px 6px 0px 0px;
}
#head_link li a{
	text-decoration:none;
}
#head_img{
	margin-top:0px;
	width:780px;
	height:80px;
	overflow:hidden;
	background:url(../img/head_img_top.png) left top no-repeat;
}

#menu {
	position: relative;
	top: 0px;
	left: 0px;
	background:url(../img/menu_bg.png) #fff top left repeat-x;
	margin: 0px auto;
	margin-bottom:10px;
	padding-bottom:0px;
	width: 780px;
	height: 55px;
}
#menu ul {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	list-style-type: none;
}
#menu ul li{
	float:left;
	margin: 0px;
	padding:0px;
	height: 55px;
	list-style-type: none;
}
#menu li a {
	display: block;
	height: 55px;
	background-repeat: no-repeat;
	background-position:0px 0px;
	text-decoration: none;
	text-indent: -700em;
	overflow:hidden;
	outline:none;
}
#menu li a:hover {
	background-position: 0px -55px;
}
#m_01 {background-image: url(/img/menu_1.png);	width:192px;}
#m_02 {background-image: url(/img/menu_2.png);	width:186px;}
#m_03 {background-image: url(/img/menu_3.png);	width:186px;}
#m_04 {background-image: url(/img/menu_4.png);	width:206px;}

#company #m_01{background-position: 0px -55px;}
#business #m_02{background-position: 0px -55px;}
#tech #m_03{background-position: 0px -55px;}
#access #m_04{background-position: 0px -55px;}


#wrapper{
	position:relative;
	width:780px;
	margin:0 auto;
	margin-top:10px;
	background:#FFF;
	border:1px solid #dbdbdb;
	border-top:none;
	text-align:left;
}

#main{
	position:relative;
	left:100px;
	margin:0;
	margin-bottom:25px;
	width:620px;
	text-align:left;
}


#footer{
	text-align:left;
	width:760px;
	height:20px;
	margin:0 auto;
	padding:6px 0px;
	background:url(../img/foot_copyright.png) right 6px no-repeat;
}


/* SITE TOP
--------------------------------------------------------------------------*/
#site_top #main{
	width:710px;
	margin:0 auto;
	margin-bottom:10px;
	left:0px;
}
#site_top #head_img{
	margin-top:10px;
	width:780px;
	height:160px;
	background:url(../img/head_img_top.png) left top no-repeat;
}
#site_top #menu{
	height:80px;
	background:url(../img/menu_top_bg.png) top left repeat-x;
}
#site_top #menu li{
	height:80px;
}
#site_top #menu li a{
	height:80px;
}
#site_top #menu li a:hover {
	background-position: 0px -80px;
}
#site_top #m_01 {background-image: url(/img/menu_top_1.png);	width:192px;}
#site_top #m_02 {background-image: url(/img/menu_top_2.png);	width:186px;}
#site_top #m_03 {background-image: url(/img/menu_top_3.png);	width:186px;}
#site_top #m_04 {background-image: url(/img/menu_top_4.png);	width:206px;}


#top_left{
	float:left;
	text-align:left;
	width:440px;
	padding-top:120px;
	background:url(../img/top_text.png) left top no-repeat;
}
#top_left dl {
	border-top:1px solid #ccc;
	margin:8px 0 0 0;
	width:430px;
}
#top_left dt {
	float:left;
	background: url(../img/top_topics_border.png) bottom left repeat-x;
	width:90px;
	padding:5px 0 5px 10px;
	clear:both;
}
#top_left dd {
	background: url(../img/top_topics_border.png) bottom left repeat-x;
	margin-left:90px;
	padding:5px 5px 5px 10px;
}
.top_left_banner{
	position:relative;
	top:10px;
	margin-right:-20px;
}
.top_left_banner a{
	margin-right:10px;
}

#top_right{
	float:right;
	text-align:left;
	width:250px;
	padding-top:10px;
}
#top_right a img{
	margin-bottom:4px;
}
#top_right a:hover{
	opacity:0.8;
}

#link_youtube{
	margin:10px 0 0 0;
}
#top_right address{
	margin-top:10px;
}
#topics{
	padding-bottom:20px;
}
#feedInfo,#feedBlog{
	margin:0;
  margin-top: 10px;
}
#feedInfo ul,#feedBlog ul{
	list-style:none;
}
#feedInfo li,#feedBlog li{
	list-style:none;
	background: url(../img/top_topics_border.png) bottom left repeat-x;
	padding:5px 0 5px 10px;
}

/* コンテンツ共通
--------------------------------------------------------------------------*/
#main #topicPath {
	position:relative;
	left:-80px;
	margin:14px 0;
}
#main #topicPath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#main #topicPath li a {
	text-decoration:none;
	padding-right:14px;
	background:url(../img/topicpath.png) no-repeat right center;
}
h2{
	position:relative;
	left:-20px;
	margin:20px 0px 30px 0;
}
h3{
	position:relative;
	left:-6px;
	margin:0px 0 20px 0;
}
#company #head_img{
	background:url(../img/head_img_company.png) left top no-repeat;
}
#business #head_img{
	background:url(../img/head_img_business.png) left top no-repeat;
}
#tech #head_img{
	background:url(../img/head_img_tech.png) left top no-repeat;
}
#access #head_img{
	background:url(../img/head_img_access.png) left top no-repeat;
}
#blog #head_img{
	background:url(../img/head_img_blog.png) left top no-repeat;
}
/* MESSAGE
--------------------------------------------------------------------------*/





/* conpany
--------------------------------------------------------------------------*/
#company p img{
	margin-bottom:40px;
}
.company_table{
	border-collapse:collapse;
	margin:0 0 10px 60px;
	width:500px;
}
.company_table th {
	background-color:#E0DEDE;
	border:1px solid #FFFFFF;
	color:#666666;
	font-weight:normal;
	padding:10px;
	text-align:left;
	width:70px;
}
.company_table td {
	background:url("/img/td_bg.gif") repeat-y scroll left top #ECECEC;
	border:1px solid #FFFFFF;
	color:#3F3F3F;
	font-size:12px;
	line-height:1.5em;
	padding:10px;
}
/* access
--------------------------------------------------------------------------*/
#map a{
	color:#404040!important;
}
#map iframe{
	padding:6px;
	border:1px solid #CCC;
	width:600px;
}
/* privacy
--------------------------------------------------------------------------*/
#privacy h4{
	background:url(../img/top_topics_border.png) left bottom repeat-x;
	padding:5px 0;
	margin:5px 0;
	
}

/* business
--------------------------------------------------------------------------*/
#business #main h3{
	font-size:131%;
}
#business #main h4{
	font-size:131%;
	margin:10px 0 10px 0;
	padding-left:22px;
	background:url(../img/h3_bg.png) left center no-repeat;
}
#business #main div{
	padding-bottom:20px;
}

#business #main dl{
	margin:0px 0 0px 20px;
}
#business #main div{
	margin-bottom:20px;
}
#business #main dt{
	font-weight:bold;
}
#business #main dd{
	margin-left:5px;
	margin-bottom:25px;
	padding-left:15px;
	width:350px;
}
#business .b1{
	background:url(../img/biz_p1.png) right bottom no-repeat;
	height:px;
}
#business .b2{
	background:url(../img/biz_p2.png) right bottom no-repeat;
	height:px;
}
#business .b3{
	background:url(../img/biz_p3.png) right bottom no-repeat;
	height:px;
}
#business #main .b1 dd{
	border-left: 4px solid #3399CC;
	width:420px;
}
#business .b2 dd{
	border-left: 4px solid #B3D834;
}
#business .b3 dd{
	border-left: 4px solid #E86E78;
}

.sampleimg{
	margin-left:10px;
}
.sampleimg img{
	float:left;
	margin-left:10px;
	padding:4px;
	border:1px solid #bbb;
}


/* technology
--------------------------------------------------------------------------*/
#tech .b1{
	background:url(../img/tech_bg1.png) left top no-repeat;
	margin-left:30px;
}
#tech .b2{
	background:url(../img/tech_bg2.png) left top no-repeat;
	margin-left:10px;
}
#tech .b3{
	background:url(../img/tech_bg3.png) left top no-repeat;
	margin-left:50px;
}
#tech .b3 img{
	float:right;
	margin:0.3em 0 0.5em 1em;
}
#tech .b4{
	background:url(../img/tech_bg1.png) left top no-repeat;
	margin-left:20px;
}
#tech .b5{
	background:url(../img/tech_bg2.png) left top no-repeat;
	margin-left:60px;
}
#tech .b6{
	background:url(../img/tech_bg3.png) left top no-repeat;
	margin-left:30px;
}
#tech h4{
	font-weight:bold;
	font-size:116%;
	padding:6px 0 0px 18px;
}
#tech #equipment_list{
	margin:20px 0 10px 0;
}
#tech #equipment_list p{
	margin:-4px 0 30px 22px;
}

.equipment_table{
	border-collapse:collapse;
	margin:0px;
	width:800px;
}
.equipment_table th {
	background-color:#E0DEDE;
	border:1px solid #FFFFFF;
	color:#666666;
	font-weight:bold;
	padding:4px;
	text-align:left;
}
.equipment_table td {
	background:repeat-y scroll left top #ECECEC;
	border:1px solid #FFFFFF;
	color:#3F3F3F;
	font-size:12px;
	line-height:1.5em;
	padding:4px;
}

.equipment_table td.hh{
	background-color:#3399CC;
	font-weight:bold;
}

/* faq
--------------------------------------------------------------------------*/
#faq #main h3{
	font-size:131%;
	margin:10px 0 10px 0;
	padding-left:22px;
	background:url(../img/h3_bg.png) left center no-repeat;
}
#faq dl{
	margin-bottom:22px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
#faq dt{
	margin:0px;
	padding:6px 0px 10px 25px;
	background:url(../img/faq_q.png) 0px 5px no-repeat;
}
#faq dd{
	margin:0px;
	padding:6px 0px 4px 25px;
	background:url(../img/faq_a.png) 0px 5px no-repeat;
	line-height:160%;
}

/* contact
--------------------------------------------------------------------------*/
#contact .error {
	color: #C00;
}
#contact label{
	margin:0 0 0 5px;
}
#contact .display_u_id{
	font-weight:bold;
	font-size:123.1%;
}
#contact .display_right{
	display:block;
	text-align:right;
}

/* sitemap
--------------------------------------------------------------------------*/
#sitemap span{
	display: none;
}

a{
	text-decoration: none;
}
.sitemap_table th{
	border:1px solid#CCC;
}
.sitemap_table td{
	border:1px solid#CCC;
}
/*左上のリスト*/

#topleft_map{
	float: left;
	width:180px;
}

#topleft_map li{
	list-style: none;
}
#topleft_map ul{
	margin: 0;	
}

#topleft_map a{
	display: block;
	height: 57px;
}

#sitemap_movie{
	background: url(../img/banner_factory.png) no-repeat top right;
	width: 180px;
}

#sitemap_question{
	background: url(../img/banner_qa.png) no-repeat top left;
	width: 180px;
}

#sitemap_kotaniphoto{
	background: url(../img/banner_photos.png) no-repeat top right;
	width: 180px;
	height: 57px;
}

/*メインのマップ*/

#center_map{
	width: 400px;
	float: right;
}
#center_map table{
	width:400px;
	margin: 0;
}

#center_map th{
	width: 180px;
	height: 85px;
	background: #dee;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
}
	
#center_map th a{
	color: #333;
	width: 180px;
	height: 85px;
}

#center_map th span{
	display: inherit;
	font-size: 55%;
	font-weight: lighter;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #999;
}

#center_map th a:hover span{
	color: #ef939a;
}
#center_map td{
	
}
	

/*左下のリスト*/

#bottomleft_map{
	float: left;
	width: 180px;
	margin-top: 50px;
}

#bottomleft_map li{
	list-style: none;
}
#bottomleft_map ul{
	margin: 0;
}

#bottomleft_map a{
	display: block;
	height: 57px;
}

	#sitemap_mail{
		background: url(../img/mail_img.png) no-repeat;
		width: 180px;
	}

	#sitemap_tel{
		background: url(../img/tel_img.png) no-repeat;
		height: 57px;
	}
	
	#sitemap_personal{
		background: url(../img/person_img.png) no-repeat;
		width: 180px;
	}
	
/* admin
--------------------------------------------------------------------------*/
#admin h3{
	margin:20px 0 10px 0;
 	padding:0 0 0 5px;
	background:#67A7CC;
	color:#FFF;
	font-weight:bold;
}
#admin td{
	border:1px solid #ccc;
}


/* blog
--------------------------------------------------------------------------*/
#blog_content{
	width: 100%;
}
.post{
	margin-bottom:40px;
}
.entry-title{
	background: url(../img/blog_entry_bg.png) left center no-repeat;
	margin-bottom:5px;
	padding-left:25px;
	border-bottom:1px solid #DBDBDB;
	width:100%;
}
.entry-meta{
	text-align:right;
	margin-bottom:5px;
}
.entry-content{
	width:98%;
}
.entry-utility{
	display:none;
}
#nav-above{
	display:none;
}
#blog_content img{　
	margin: 0;
	height: auto;
	width: auto;
}

.page-title{
	font-weight:normal;
}
.entry-utility{
}
#nav-below{
	display:none;
}
#comments{
	display:none;
}
.comments-link{
	display:none;
}

.wrap_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.wrap_youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* sales
--------------------------------------------------------------------------*/
.btn_nofloat{
	float:none!important;
}
.btn_floatright{
	float:right!important;
}
.btn_center{
	margin:0 auto!important;
}


#infomation{
	position:relative;
	font-weight:bold;
	height:420px;
	margin:0 0 30px 0;
	background:url(../sales/img/sale_img01.png) left 80px no-repeat;
}
#btn_info{
	position:absolute;
	left:180px;
	bottom:0;
}

#sales div.stocks {  
	overflow: hidden;  
	zoom: 1;
	float:left;
	margin-right:-75px;
}

#sales .login_txt{
	font-size:13px;
}
.login_txt h2{
	display:inline-block;
	margin-left:20px;
}
.login_box{
	background:#F6F6F3;
	width:400px;
	margin:5px auto 10px auto;
	padding:10px 20px 0 20px;;
	border:1px solid #D2D2D2;
	border-radius:4px;
}
.login_box table{
	margin:0;
}
.login_box button{
	margin:0 auto;
	display:block;
}
.login_box p{
	text-align:center;
	margin:6px 0 10px 0;
}



#sales div.kantan{
	min-height:400px;
}
#sales div.stocks .stock_item {  
	width: 235px;
	float: left;
	font-weight: bold;
	margin:0 75px 25px 0;
}  
#sales div.stocks .stock_item div {
	float:right;
	height:80px; 
}  
#calc_style{
	font-weight:bold;
	font-size:17px;
	display:inline-block;
	padding-top:5px;
}

.cbox{
	position:relative;
	display:inline-block;
}
.cbox a img{
	cursor: url(../../img/zoom.cur), pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
.cbox span{
	display:block;
	text-align:right;
}
.blk_base{
	border:1px solid #ccc;
	padding:6px 0 10px 10px;
	height:25px;
	border-radius: 6px;
	box-shadow: 1px 1px 3px #cccccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#cccccc')";
	line-height:2.5!important;
}

.blk_ver{
	height:auto;
	line-height:3!important;
	width:105px;
}
.blk_base input{
	margin-right:20px;
	
}
.switch{
	float:left;
	margin:0;
	width:100px;
	height:25px;
}

/* Used for the Switch effect: */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(/img/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input{
	display:none;
}

#order_form .error{
	color:#F00;
}
#order_form label.error{
	margin-left:4px;
	color:#F00;
	font-weight:bold;
}

.hidden_value{
	display:none;
}

/* salesinfo
--------------------------------------------------------------------------*/
#salesinfo h3{
	margin:40px 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}
#salesinfo div img{
	margin-bottom:10px;
}

#notice{
	position:relative;
	margin-top:50px;
	padding:20px 10px 10px 20px;
	border:1px solid #C00;
	width:370px;
}
#notice strong{
	position:absolute;
	top:-15px;
	left:10px;
	background-color:#C00;
	color:#fff;
	padding:4px 12px;
}

/* userinfo
--------------------------------------------------------------------------*/
#table_userinfo {
	width:550px;
}
#table_userinfo th{
	background:#67A7CC;
	color:#FFF;
}
	

/* user_register
--------------------------------------------------------------------------*/
.reg_table{
	border:none;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}
.reg_table td,.reg_table th{
	border:none;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.reg_table th{
	text-align:left;
	background:#eaeaea;
}
.reg_req{
	font-size:11px;
	color:#C00;
}





/* STEP MENU
--------------------------------------------------------------------------*/
.stepmenu{
	clear:both;
	margin:10px 10px 20px 0px;
}
#green_and_orange_step_menu { margin:0; padding:0px; display:inline-table; list-style:none; }
#green_and_orange_step_menu li{ display:inline; float:left; background:url(/img/step_orange_green.gif) no-repeat -50px bottom; height:41px; line-height:41px; font-size:13px; font-weight:bold; padding:0 60px 0 55px; position:relative;}
#green_and_orange_step_menu li span{ margin:0px; z-index:2000; background:url(/img/step_orange_green.gif) no-repeat left bottom; display:block; position:absolute; height:41px; line-height:41px; width:13px; top:0; left:-10px; padding:0;}
#green_and_orange_step_menu li.inprogress { background-position:-50px 0px}
#green_and_orange_step_menu li.inprogress span, #green_and_orange_step_menu li.lastinprogress span{background-position:left 0px }
#green_and_orange_step_menu li.done {background-position: -50px -41px}
#green_and_orange_step_menu li.done span, #green_and_orange_step_menu li.ldone span {background-position:left -41px }
#green_and_orange_step_menu li.frist, #green_and_orange_step_menu li.done, #green_and_orange_step_menu li.inprogress, #green_and_orange_step_menu li.ldone, #green_and_orange_step_menu li.lastinprogress { color:#FFF;}
#green_and_orange_step_menu li.frist {background-position: -20px 0px }
#green_and_orange_step_menu li.fdone { background-position: -20px -41px }
#green_and_orange_step_menu li.last {background-position: right bottom }
#green_and_orange_step_menu li.lastinprogress { background-position: right 0}
#green_and_orange_step_menu li.ldone { background-position: right -41px}