@charset "utf-8";
@import url(css/common.css);


* { margin : 0px ; padding : 0px ; }

body {
	font-size : 12px;
	color : #666;
	line-height : 1.5;
	text-align : center;
	padding-bottom : 30px;
	background-color: #EDEDED;
	margin-bottom: 0px;
	background-attachment: fixed;
	color: #333333;
}

.content p { padding : 0.6em 0px ; }
table, text-area, input, option { font-size : 12px ; }

a {
	color: #2B7FB1;
}

a:hover{ color :#CC0000;  }

img { 
    border-style : none;
} 

body, div, h1, h2, h3, h4, h5, p, address,
table, th, td, dl, dt, ul, li {
    margin: 0px;
    padding: 0px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
}

/*clear*/
hr, #center h3, #center h4 { clear : both ; }

hr { margin-top : 5px ; border-top : 3px dotted #f99 ; border-bottom : none ; margin-bottom : 5px ; border-bottom : none ;} 

.clear {
    clear: both;
    margin-top: 0px;
	margin-left: 0px;
}






#container {
	width: 800px;
	padding: 15px;
	background-color: #FFFFFF;
	border: 1px solid #CBCBCB;
	margin : auto ;
	text-align : left ;
	height : 1% ;
}

* html #container{
	width: 830px;
}

#top {
	clear: both;
	float: none;
}

/*/////////////////////////////////////////////////////////////////////////////////////// header //////////////////////*/

#header {
	height : 60px;
	background-image: url(images/main.jpg);
	background-position:bottom;
	background-repeat:no-repeat;

	margin-bottom: 10px;
}

#header img {
	float: left;
	height: 28px;
	width: 292px;
}

#header h1 {
	color: #333333;
	float: right;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

#header h2 {
	clear: both;
	font-size: 12px;
	font-weight: normal;
	padding-top: 13px;
	float: right;
	padding-right: 5px;
}
* html #header h2 {
	padding-top: 15px;
}

#header p {
	float: left;
	padding-top: 13px;
	padding-left: 5px;
	width: 500px;
}
* html #header p {
	clear: both;
}

#header p, #header h1, #header h2, #header img {
	left: 104px;
	top: 44px;
}
	
#header h2 a { text-decoration : none ; font-size : 12px ; font-weight : normal ; color : #333333 ; }

/*/////////////////////////////////////////////////////////////////////////////////////// sidenavi1 //////////////////////*/

#sidenavi1 {
	float: left;
	width : 200px ;
	margin-bottom : 10px ;
	overflow : hidden ;
}

#sidemenu{
	background-color: #E9E5DE;
	margin-bottom: 15px;
}

#sidemenu li a:link, 
#sidemenu li a:visited,
#sidemenu li a:hover, 
#sidemenu li a:active {
	text-indent: 15px;
	font-weight : bold ;
	text-align : left ;
	font-size: 14px;
	height : 30px ;
	line-height : 30px ;
	text-decoration: none;
	display: block;
	color: #fff;
	background: url("images/side_title_bg.gif") ;
}

/*sub-navi */
#sidemenu li li a:link , 
#sidemenu li li a:visited, 
#sidemenu li li a:hover , 
#sidemenu li li a:active {
	text-align : left ;
	font-weight : normal ;
	margin : 0px;
	padding : 0px;
	text-indent: 15px;
	height : 27px;
	line-height : 27px ;
	font-size: 12px;
	text-decoration : none;
	list-style-position: outside;
	display: block ;
	border-top : 1px solid #FFFFFF ;
	border-bottom : 1px solid #CCCCCC ;
	color: #333333;
	background: none ;
}

#banner {
	margin: 6px 7px 0px 7px;
	padding-bottom: 5px;
}
#banner img{
	margin: 0px 0px 10px 0px;
}


#searchbox {
	border: none ;
}

#searchbox {
	width: 170px ;
	margin: 5px ;
	border: 1px solid #e7e2e2 ;
}

#searchbox label {
	height: 20px ;
	margin-bottom: 5px ;
	color: #030 ;
	line-height: 20px ;
	display: block;
	background: none ;
	background: #e7e7e7 ;
}

/*/////////////////////////////////////////////////////////////////////////////////////// center //////////////////////*/

#center {
	margin-top: 0px ;
	float: right;
	width: 580px;
}

.content {
	margin-bottom : 10px;
}

.content p {
    clear: both;
	margin-left : 5px;
}

.whats h5 {
	clear: both;
	width: 580px;
	height: 21px;
	background-image: url(images/whatsnew_bg.gif);
	background-repeat: no-repeat;
	line-height: 20px;
	text-indent: 5px;
}

.whats p {
	padding: 0px;
	clear: both;
	border: none ;
	border-bottom: 1px dotted #CCCCCC ;
	line-height: 25px;
}
/*
.content h3 {
	color: #333333;
	clear: both;
	width: 580px;
	height: 36px;
	background-image: url(images/page_title_bg.gif);
	background-repeat: no-repeat;
	font-size : 24px;
	line-height: 36px;
	text-indent:15px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}
.content h3 a:hover {
	color: #333333;
}
*/
.content h3 {
    clear: both;
	width: 580px;
	height: 32px;
	background-image: url(images/bk.gif);
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 32px;
	font-weight: bold;
	text-indent: 5px;
	margin-bottom: 15px;
}

.content h3 a {
	color: #333333;
	text-decoration: none;
}

hr {
	border-top: 1px solid #ccc ;
	border-bottom: none ;
}

.prgrph {
	clear:both;
	width: 580px;
	margin: 0px auto 15px auto ;
}

.prgrph_c {
	clear:both;
	width: 580px;
	text-align: center;
	margin-bottom: 20px;
}

.prgrph_gray {
	clear:both;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ededed;
	padding-left: 10px;
	padding-right: 10px;
}

.prgrph_0 {
	clear:both;
	width: 580px;
	margin-bottom: 0;
}


.lef {
	float: left;
}

.rig {
	float: right;
}

.h4_style {
    clear: both;
	width: 580px;
	height: 25px;
	background-image: url(images/shima.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	text-indent: 5px;
	margin-bottom: 5px;
}

.h4_text {
    clear: both;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 5px;
}

.toptxt {
	margin-bottom: 20px;
}


/*/////////////////////////////////////////////////////////////////////////////////////// footer //////////////////////*/

#footer {
	clear: both;
	padding-top: 5px;
	width: 800px;
	height: 45px;
	background-color: #EEEEEE;
}

#footer h3{
	padding-top: 5px;
	font-size: 10px;
}

#footer p{
	font-size: 10px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	text-decoration: underline;
}

#footer .rss{
	border: solid 1px #bbbbbb;
	padding: 1px;
	width: 40px;
}

#footer .rss a{
	display: block;
	width: 100%;
	background-color: #bbbbbb;
	color: black;
	font-size: 9px;
	height: 13px;
}

#footer .rss-format{
	background-color: #FFB74C;
	padding: 0.5px;
}


#footer .rss-version{
	padding: 0.5px;
	background-color: #BBBBBB;
}

#footer img{
	padding: 5px 5px 5px 0px;
	margin-right: 10px;
	float: left;
}
#footer a {
	color: #2B7FB1;
	font-size: 10px;
	text-decoration: underline;
}



/*/////////////////////////////////////////////////////////////////////////////////////// index //////////////////////*/


.index h3 {
    clear: both;
	width: 580px;
	height: 32px;
	background-image: url(images/bk.gif);
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 32px;
	font-weight: bold;
	text-indent: 5px;
	margin-bottom: 15px;
	color: #333333;
}

.index h3 a {
	color: #333333;
}

.index table {
	clear: both;
	width: 576px;
	margin-bottom: 10px;
	border-style: none;
	table-layout: fixed;
}

.index th {
	text-align: center;
	background-color: #ededed;
	line-height: 15px;
	font-weight: bold;
	height: 35px;
}

.index td {
	text-align: left;
}

.index h4 {
    clear: both;
	width: 580px;
	height: 25px;
	background-image: url(images/shima.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	text-indent: 5px;
	margin-bottom: 5px;
}

.index dl {
    clear: both;
	width: 580px;
}

.index .button {
	margin-bottom: 15px;
	clear: both;
}

.index .lef2 {
	float: left;
	padding-right:20px;
}

.index ul {
    clear: both;
	width: 570px;
	padding: 5px;
	background-color: #ededed;
}

.index li {
	list-style-type: square;
	list-style-position: inside;
}


/*/////////////////////////////////////////////////////////////////////////////////////// products //////////////////////*/

.p_lef1 {
	float: left;
	width: 223px;
}

.p_rig1 {
	float: right;
	width: 347px;
}

.p_lef2 {
	float: left;
	width: 267px;
}

.p_rig2 {
	float: right;
	width: 303px;
}

.p_lef3 {
	float: left;
	width: 139px;
}

.p_rig3 {
	float: right;
	width: 431px;
}

/*/////////////////////////////////////////////////////////////////////////////////////// marketing //////////////////////*/

.marketing .prgrph_gray dl {
	clear: both;
	border-bottom: dashed;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.marketing .prgrph_gray .dl_b {
	clear: both;
	border: none;
}

.marketing .prgrph_gray dt {
	float: left;
	font-weight: bold;
	width:80px;
	line-height: 30px;
}

.marketing .prgrph_gray dd {
	float: left;
	padding-left: 30px;
	line-height: 30px;
}

.m_lef1 {
	float: left;
	width: 270px;
}

.m_rig1 {
	float: right;
	width: 300px;
}

.m_lef2 {
	float: left;
	width: 146px;
}

.m_rig2 {
	float: right;
	width: 424px;
}

/*/////////////////////////////////////////////////////////////////////////////////////// sales //////////////////////*/

.attention {
	color: #FF0000;
}

.sales table{
	width: 580px;
	margin-bottom: 15px;
}

.sales th{
	text-align: left;
}

.sales .tabl1 {
	background-color: #ededed;
}

.sales .tabl2 {
	background-color: #ffffff;
}

.sales .tabl2 .th1 {
	width: 224px;
}

.sales td {
	padding: 10px;
}

.sales dl {
	clear: both;
	margin-left: 10px;
}
.sales dt {
	float: left;
	font-weight: bold;
	line-height: 20px;
}

.sales dd {
	float: left;
	padding-left: 30px;
	line-height: 20px;
}

.s_lef1 {
	float: left;
	width: 264px;
}

.s_rig1 {
	float: right;
	width: 306px;
}

/*/////////////////////////////////////////////////////////////////////////////////////// human //////////////////////*/

.info {
	width: 534px;
	height: 26px;
}

.info2 {
	clear: both;
	width: 534px;
	background-image: url(images/bk3.gif);
	background-repeat: repeat-y;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aeaeae;
}

.info2_l {
	float: left;
	width: 261px;
}

.info2_r {
	float: right;
	width: 261px;
}

.info2 img {
	clear: both;
	padding: 5px;
}

#human dl {
	margin-left: 5px;
}

/*/////////////////////////////////////////////////////////////////////////////////////// company //////////////////////*/

.company table {
    clear: both;
	width: 570px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-style: none;
	table-layout: fixed;
}

.company .company_p th {
	width: 88px;
	table-layout: fixed;
	text-align:left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.company .company_p td {
	table-layout: fixed;
	text-align:left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.company .c_photo {
	width: 160px;
	text-align: right;
}

.company .company_c th {
	width: 95px;
	table-layout: fixed;
	text-align:left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.company .company_c td {
	table-layout: fixed;
	text-align:left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.company .company_e th {
	width: 95px;
	table-layout: fixed;
	text-align:left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
	font-weight: bold;
}

.company .company_e td {
	table-layout: fixed;
	text-align:left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

/*/////////////////////////////////////////////////////////////////////////////////////// poricy //////////////////////*/

.privacy ul {
    clear: both;
	margin-left: 20px;
	margin-bottom: 10px;
}

.privacy li {
	list-style-type: square;
	list-style-position: inside;
}

/*/////////////////////////////////////////////////////////////////////////////////////// input //////////////////////*/

.info {
	width: 534px;
	height: 26px;
}

.info3 {
	clear: both;
	width: 534px;
	background-image: url(images/bk3.gif);
	background-repeat: repeat-y;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aeaeae;
}

.info3_l {
	float: left;
	width: 215px;
}

.info3_r {
	float: right;
	width: 307px;
}

.info3 img {
	clear: both;
	padding: 5px;
}

.input table {
    clear: both;
	width: 570px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-style: none;
	table-layout: fixed;
}

.input th {
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	border-bottom: dashed;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.input td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	border-bottom: dashed;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

table.quest {
        clear: both;
	width: 570px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-style: none;
	table-layout: fixed;
}

table.quest th {
	background-color: #f6f2da;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	border-bottom: dashed;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

table.quest td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	border-bottom: dashed;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}


.siryo{
	clear: both;
	padding-top: 10px;
	margin: 0px auto 0px auto;
}

/* 追加ここから start */

#center .index {
	overflow:hidden;
}

#center .index .float_l{
	float:left;
}

#center .index .float_clear{
	clear:both;
}

#center .index .float_clear hr{
	display:none;
}

#center .index .nondis {
	display:none;
}

#center .index .panel_title {
	width:137px;
	height:143px;
	margin-right:10px;
	margin-bottom:20px;
	position:relative;
}

#center .index .panel_img {
	width:137px;
	height:143px;
	margin-right:10px;
	margin-bottom:20px;
	position:relative;
}

#center .index .most_right {
	margin-right:0px;
}

#center .index .panel_img a.img{
	width:137px;
	height:95px;
	background-color:#666666;
	display:block;
}

#center .index .panel_img a.text{
	font-size:10px;
	color:#749ecc;
	position:absolute;
	left:0px;
	top:100px;
	width: 137px;
}

#center .index .panel_img a:hover.text{
	color:#CC0000;
}
/*
#center .index .panel_img .bg_panel01_img01{
	background:url(top_panel01_img01.jpg) no-repeat;
}

#center .index .panel_img .bg_panel01_img02{
	background:url(top_panel01_img02.jpg) no-repeat;
}

#center .index .panel_img .bg_panel01_img03{
	background:url(top_panel01_img03.jpg) no-repeat;
}

#center .index .panel_img .bg_panel01_img04{
	background:url(top_panel01_img04.jpg) no-repeat;
}

#center .index .panel_img .bg_panel01_img05{
	background:url(top_panel01_img05.jpg) no-repeat;
}

#center .index .panel_img .bg_panel01_img06{
	background:url(top_panel01_img06.jpg) no-repeat;
}

#center .index .panel_img .bg_panel02_img01{
	background:url(top_panel02_img01.jpg) no-repeat;
}

#center .index .panel_img .bg_panel02_img02{
	background:url(top_panel02_img02.jpg) no-repeat;
}

#center .index .panel_img .bg_panel02_img03{
	background:url(top_panel02_img03.jpg) no-repeat;
}

#center .index .panel_img .bg_panel02_img04{
	background:url(top_panel02_img04.jpg) no-repeat;
}

#center .index .panel_img .bg_panel03_img01{
	background:url(top_panel03_img01.jpg) no-repeat;
}

#center .index .panel_img .bg_panel03_img02{
	background:url(top_panel03_img02.jpg) no-repeat;
}

#center .index .panel_img .bg_panel03_img03{
	background:url(top_panel03_img03.jpg) no-repeat;
}

#center .index .panel_img .bg_panel04_img01{
	background:url(top_panel04_img01.jpg) no-repeat;
}

#center .index .panel_img .bg_panel04_img02{
	background:url(top_panel04_img02.jpg) no-repeat;
}

#center .index .panel_img .bg_panel04_img03{
	background:url(top_panel04_img03.jpg) no-repeat;
}

#center .index .panel_img .bg_panel04_img04{
	background:url(top_panel04_img04.jpg) no-repeat;
}

#center .index .panel_img .bg_panel04_img05{
	background:url(top_panel04_img05.jpg) no-repeat;
}

#center .index .panel_img .bg_panel04_img06{
	background:url(top_panel04_img06.jpg) no-repeat;
}

#center .index .panel_img .bg_panel05_img01{
	background:url(top_panel05_img01.jpg) no-repeat;
}

#center .index .panel_img .bg_panel05_img02{
	background:url(top_panel05_img02.jpg) no-repeat;
}

#center .index .panel_img .bg_panel05_img03{
	background:url(top_panel05_img03.jpg) no-repeat;
}

#center .index .panel_img .bg_panel05_img04{
	background:url(top_panel05_img04.jpg) no-repeat;
}
*/

#main {
	height : 240px;
	background-image: url(images/main-top.jpg) ;
	background-position:bottom;
	background-repeat:no-repeat;
	
	margin-bottom: 10px;
}

#container {
	position: relative;
}

#box a.c_box {

	top: 85px;
	left: 555px;
	width: 250px;
	height: 240px;
	display: block;
	position: absolute;
	background-image: url(images/main.jpg);
	background-position: -540px -33px;
	background-repeat:no-repeat;

}

* html #box a.c_box {
	left: 554px;
}

#box a.c_box span {

	position: absolute;
	top: 5px;
	right: 5px;
	height: 0px;
	padding-top: 1em;
	overflow: hidden;
	z-index: 1;
	font-size: 10px ;
}

#box a.c_box:hover {

	background-image: url(images/top-2nd_01.gif);
	background-position: 3px 12px;
	background-repeat:no-repeat;

}

/* 追加ここから end */