/* basicstyle
-------------------------------------------------------------------------------------*/
/* html
------------------------------*/
html{
/* scrollbar y*/
	margin-bottom:1px;
    height:100%;
}

/* body
------------------------------*/

body{
	width:100%;
	height:100%;
	font:9pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#000000; 
}

/* textlink
------------------------------*/

a{
	outline: none;
}

a:link{
	text-decoration:none;
	color:#00A0E9;
}

a:visited{
	text-decoration:none;
	color:#00A0E9;
}

a:hover{
	text-decoration:underline;
	color:#00A0E9;
}

a:active{
	text-decoration:underline;
	color:#00A0E9;
}

/* imglink
------------------------------*/
a:hover img{
	opacity:0.65;
	filter: alpha(opacity=65);/* ie 6,7 */
	-ms-filter: "alpha(opacity=65)"; /* ie 8 */
	-moz-opacity:0.65; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;/* Safari 1.x */
	zoom:1; 
	background: #fff;
}

/* table
------------------------------*/
table.toppage{
	width: 678px;
	margin:0 auto;
	margin-bottom: 20px;
}

table.toppage th{
	background: #EDEDED;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
}
table.toppage td{
	background: #FFFFFF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	width:35%;
}
table.toppage td.w15{
	width:15%;
	font-weight:bold;
	border-left:1px dotted #CCCCCC;
}
table.toppage td.w50{
	width:50%;
	border-left:1px dotted #CCCCCC;
}
table.toppage td.rightborder,table.toppage th.rightborder{
	border-right:1px dotted #CCCCCC;
}

table.normal{
	width: 100%;
}
table.normal th{
	background: #EDEDED;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 30%;
	padding-left:17px;
	padding-right:17px;
}
table.normal td{
	background: #FFFFFF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 70%;
	padding-left:17px;
	padding-right:17px;
	font-weight: bold;
}



/* h
------------------------------*/

h2.normal{
	background: url("../img/bk_h2.jpg") left top no-repeat;
	color:#333333;
	height: 35px;
	margin-bottom: 22px;
	padding-left:11px;
	padding-top:5px;
	font-size:13.5pt;
	font-weight:100;
}
h2.long{
	background: url("../img/bk_h2long.jpg") left top no-repeat;
	color:#333333;
	height: 35px;
	margin-bottom: 22px;
	padding-left:11px;
	padding-top:5px;
	font-size:13.5pt;
	font-weight:100;
}
h3.normal{
	border-bottom:1px solid #CCCCCC;
	font-size:11.25pt;
	font-weight: 100;
	color:#333333;
	margin-bottom: 20px;
}
h3.normal p{
	background: url("../img/bk_h3normal.gif") left top repeat-y;
	margin-bottom:5px;
	padding-left: 13px;
}
h3.push{
	font-size:11.25pt;
	font-weight: bold;
	color:#009FE9;
	margin-bottom: 18px;
}
h4.normal{
	color:#00A0E9;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
}
h4.square{
	background: url("../img/int_h4square.gif") left 5px no-repeat;
	color:#00A0E9;
	font-size: 11pt;
	font-weight: bold;
	padding-left:17px;
	margin-bottom: 10px;
}

/* list
------------------------------*/
ul.normal li{
	background: url("../img/int_li.gif") left 5px no-repeat;
	padding-left:20px;
	color:#009FE9;
	font-size: 10pt;
	font-weight: bold;
}

ol li{
	list-style-type:decimal;
	margin-left:20px;
	/margin-left:25px;
	margin-bottom:5px;
}




/* layout
------------------------------*/
#tagline{
	background-color:#EDEDED;
}
#tagline_inner{
	height:22px;
	margin:0 auto;
	width:950px;
	padding-left:10px;
	padding-top:3px;
}

#header{
}
#header_inner{
	width:950px;
	margin:0 auto;
}
#header_inner_left{
	float:left;
	padding-top:2px;
	padding-bottom:7px;
}

#header_inner_right{
	float:right;
	padding-top:14px;
	padding-bottom:7px;
}
#mainvisual{
	width:950px;
	margin:0 auto;
	margin-bottom:12px;
}

#mainnavi_inner{
	width:950px;
	margin:0 auto;
	height:50px;
	margin-bottom: 15px;
}
#mainnavi_inner a {
    background-image: url("../img/gnavi.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-indent: -9999px;
}
#mainnavi_inner li {
    float: left;
}
#mainnavi_inner li.list01 a {
    background-position: 0 top;
    width: 159px;
}
#mainnavi_inner li.list02 a {
    background-position: -159px top;
    width: 158px;
}
#mainnavi_inner li.list03 a {
    background-position: -317px top;
    width: 158px;
}
#mainnavi_inner li.list04 a {
    background-position: -475px top;
    width: 158px;
}
#mainnavi_inner li.list05 a {
    background-position: -633px top;
    width: 158px;
}
#mainnavi_inner li.list06 a {
    background-position: -791px top;
    width: 159px;
}
#mainnavi_inner li.list01 a:hover, #mainnavi_inner li.list01 a.selected {
    background-position: 0 -50px;
}
#mainnavi_inner li.list02 a:hover, #mainnavi_inner li.list02 a.selected {
    background-position: -159px -50px;
}
#mainnavi_inner li.list03 a:hover, #mainnavi_inner li.list03 a.selected {
    background-position: -317px -50px;
}
#mainnavi_inner li.list04 a:hover, #mainnavi_inner li.list04 a.selected {
    background-position: -475px -50px;
}
#mainnavi_inner li.list05 a:hover, #mainnavi_inner li.list05 a.selected {
    background-position: -633px -50px;
}
#mainnavi_inner li.list06 a:hover, #mainnavi_inner li.list06 a.selected {
    background-position: -791px -50px;
}

#article{
	width:950px;
	margin:0 auto;
	margin-bottom: 104px;
}
#article_left{
	float: left;
	width:720px;
}
#article_left #twocol{
	margin-bottom:17px;
}
#article_left_left{
	float: left;
	background: url("../img/h2_news_bottom700.jpg") left bottom no-repeat;
	width:720px;
	padding-right:0;
}
#article_left_left #newsarea{
	padding-top:12px;
	padding-left:11px;
	padding-right:23px;
	border-left:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	padding-bottom: 10px;
	margin-bottom: 11px;
}
#article_left_left #newsarea dt{
	width:108px;
	padding-right:10px;
	float:left;
}
#article_left_left #newsarea dd{
	/*width:176px;*/
	float:left;
	background: url("../img/icn_news.jpg") left 5px no-repeat;
	padding-left:20px;
	margin-bottom: 10px;
}
#article_left_right{
	float: left;
	background: url("../img/h2_intro_bottom.jpg") left bottom no-repeat;
	width:350px;
}
#article_left_right #productarea{
	padding-top:12px;
	padding-left:11px;
	padding-right:23px;
	border-left:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	padding-bottom: 10px;
	margin-bottom: 11px;
}
#article_left_right #productarea dt{
	width:108px;
	padding-right:10px;
	float:left;
}
#article_left_right #productarea dd{
	width:176px;
	float:left;
	background: url("../img/icn_news.jpg") left 5px no-repeat;
	padding-left:20px;
	margin-bottom: 10px;
}
#greeting{
	background: url("../img/bg_boxnormal_top.jpg") left top no-repeat;
	margin-bottom: 19px;
}
#greeting_bottom{
	background: url("../img/bg_boxnormal_bottom.jpg") left bottom no-repeat;
}
#greeting_inner{
	margin-top:9px;
	border-left:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	margin-bottom:9px;
}
#greeting_inner h2{
	color:#00A0E9;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left:20px;
}


#greeting_inner h2.bigfont{
	font-size:160%;
}

#greeting_inner #greeting_left{
	float: left;
	padding-left:20px;
	width:205px;
	padding-right:33px;
	margin-bottom: 7px;
}
#greeting_inner #greeting_right{
	float: right; 
	width:260px;
	padding-right:20px;
	margin-bottom: 7px;
	line-height: 2em;
	font-size:9pt;
	color: #333333;
}
#companyarea{
	background: url("../img/bg_boxnormal_top.jpg") left top no-repeat;
	margin-bottom: 19px;
}
#companyarea_bottom{
	background: url("../img/bg_boxnormal_bottom.jpg") left bottom no-repeat;
}
#companyarea_inner{
	margin-top:9px;
	border-left:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	margin-bottom:9px;
}
#companyarea_inner h2{
	color:#00A0E9;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left:20px;
}
#companyarea li{
	float: left;
	margin-bottom:12px;
}
#companyarea li.li01{
	padding-left:25px;
	padding-top:5px;
}
#companyarea li.li02{
	padding-left:5px;
}
#companyarea li.li03{
	padding-left:5px;
	padding-top:9px;
}
#companyarea li.li04{
	padding-left:15px;
	padding-top:13px;
}
#companyarea li.li05{
	padding-left:20px;
	padding-top:13px;
}
#article_right{
	float: right;
	width:207px;
}
#footer{
	height: 102px;
	background: url("../img/bg_footer.jpg") left top repeat-x;
}
#footer_inner{
	width:950px;
	margin:0 auto;
}
#footer_inner_left{
	float: left;
	padding-top:17px;
}
#footer_inner_right{
	float: right;
	padding-top:17px;
}

#totop{
	position:fixed;
	bottom:0px;
	height:88px;
	margin-left: 970px;
	vertical-align:bottom;
}


/* voice */
.voice_box{
	margin-bottom: 30px;
}
.voice_box .pct{
	float: left;
	padding-right: 9px;
	padding-bottom: 8px;
}
.voice_box .title{
	color:#009FE9;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 11px;
}

.voice_box .body{
	font-size: 9pt;
	line-height: 2em;
	color:#333333;
}

/* shop */
#shop_box{
	margin-bottom: 38px;
}
#shop_box_left{
	float: left;
	width:205px;
	padding-right:19px;
}
#shop_box_right{
	float: right;
	width:496px;
}
#access_box{
	margin-bottom: 30px;
}
#access_box_left{
	float: left;
	width:344px;
	padding-right:18px;
	_padding-right:9px;
}
#access_box_right{
	float: right;
	width:358px;
}

/* thnought */
#interview_box{
	margin-bottom: 14px;
}
#interview_box_left{
	float: left;
	width:205px;
	padding-right:19px;
}
#interview_box_right{
	float: right;
	width:496px;
	font-size: 9pt;
	line-height: 2em;
	color:#333333;
}

#interview_box2{
	margin-bottom: 32px;
}

#interview_box2 .body{
	font-size: 9pt;
	line-height: 2em;
	color:#333333;
}

#interview_box2 .pct{
	float: right;
	width:205px;
	padding-left: 22px;
	padding-bottom: 16px;
}
#thought_list{
	margin-bottom:38px;
}
#thought_list dl{
	float: left;
	padding-right:26px;
}
#thought_list dd{
	text-align: center;
	color:#666666;
	font-weight: bold;
	font-size: 8.25pt;
	padding-top:10px;
}

/* question */
.qa p.question{
	background: url("../img/int_q.jpg") left 11px no-repeat;
	padding-left:30px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 11.25pt;
	padding-top:10px;
	padding-bottom:10px;
	color:#333333;
}
.qa p.answer{
	background: url("../img/int_a.jpg") left 11px no-repeat;
	padding-left:30px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom:30px;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 9pt;
	padding-top: 10px;
	color:#333333;
}

/* company */
.company_box{
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 24px;
}
.company_box_left{
	float: left;
	width:205px;
	padding-right:19px;
	margin-bottom: 19px;
}
.company_box_right{
	float: right;
	width:496px;
	margin-bottom: 19px;
}

.company_box2{
	margin-bottom: 60px;
}
.company_box2_left{
	float: left;
	width:496px;
	padding-right:19px;
}
.company_box2_right{
	float: right;
	width:205px;
}

.company_box p.message,.company_box2 p.message{
	padding-bottom: 13px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 14px;
	color:#333333;
	font-weight: bold;
	font-size: 9pt;
}
.company_box p.job,.company_box2 p.job{
	color:#333333;
	font-weight: bold;
	font-size: 9pt;
}
.company_box p.name,.company_box2 p.name{
	margin-bottom: 3px;
	color:#333333;
	font-weight: bold;
	font-size: 10pt;
}
.company_box p.carrer,.company_box2 p.carrer{
	color:#333333;
}

/* inquiry */
#teldetail{
	padding-bottom: 32px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 26px;
	color:#333333;
	font-weight: bold;
	font-size: 9pt;
}

#teldetail span{
	vertical-align: bottom;
	line-height: 1em;
	padding-left:9px;
}
input.set{
	margin-bottom:3px;
}

/* news */

.news_list .date{
	margin-bottom: 5px;
}

.news_list .title{
	font-weight:bold;
	font-size:15px;
	margin-bottom: 10px;
}

/* product */
.product_list .date{
	margin-bottom: 5px;
}

.product_list .title{
	font-weight:bold;
	font-size:15px;
	margin-bottom: 10px;
}