﻿@charset "utf-8";

/*---------- ページ共通部分 ----------*/

* em{
display: none;
}


/*---------- タイトル・メニュー ----------*/
#upperBox{
background: url(../img/u01.png) no-repeat;
background-color: #1b0738;
width: 760px;
height: 241px;
margin: 0;
padding: 0;
}


/*---------- middle ----------*/

div.middleTitle2{
clear: both;
background: url(../img/01.gif) no-repeat;
margin: 25px auto;
width: 760px;
height: 43px;
text-align: left;
}

div.middleTitle2 h3{
padding: 10px 0 0 10px;
font-size: 130%;
line-height: 130%;
color:#333333;
font-weight:bold;
}

.topicLine{
clear: both;
width: 740px;
margin: 0 auto;
text-align: left;
}




.topicLine01{
float: left;
width: 424px;
}

.topicLine01 div{
background: url(../img/02.gif) no-repeat;
margin: 0 0 10px 0;
width: 424px;
height: 34px;
}

.topicLine01 div h4{
padding: 2px 0 0 10px;
font-size: 130%;
line-height: 120%;
color:#333333;
font-weight:bold;
}


.topicLine01_1{
float: left;
width: 370px;
}

.topicLine01_1 div{
background: url(../img/rs00.gif) no-repeat;
margin: 0 0 10px 0;
width: 370px;
height: 49px;
}

.topicLine01_1 div h4{
padding: 17px 0 0 60px;
font-size: 130%;
line-height: 120%;
color:#333333;
font-weight:bold;
}



.topicLine01_2{
float: left;
width: 424px;
}

.topicLine01_2 div{
background: url(../img/bs00.gif) no-repeat;
margin: 0 0 10px 0;
width: 370px;
height: 49px;
}

.topicLine01_2 div h4{
padding: 17px 0 0 60px;
font-size: 130%;
line-height: 120%;
color:#333333;
font-weight:bold;
}












.topicLine02{
float: right;
width: 286px;
margin: 30px 0 0 0;
}

.topicLine02 p{
font-size: 78%;
line-height: 120%;
color:#333333;
margin: 7px 0 0 0;
}


.topicLine02_2{
float: right;
width: 350px;
margin: 30px 0 0 0;
}

.topicLine02_2 p{
font-size: 78%;
line-height: 120%;
color:#333333;
margin: 7px 0 0 0;
}




div.topicLine01_2{
float: left;
width: 424px;
margin: 15px 0 0 0;
}

.topicLine03{
float: right;
width: 286px;
margin: 0;
}

.topicLine03 p{
font-size: 78%;
line-height: 120%;
color:#333333;
margin: 7px 0 0 0;
}



/*詳細・テーブル*/
div#pro_spec table{
	width:424px;
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
}
div#pro_spec td.ps1{
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	padding: 7px 10px 7px 10px;
	background-color:#eff3f6;
	text-align:center;
}
div#pro_spec td.ps2{
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	padding: 7px 10px 7px 10px;
	text-align:center;
}
div#pro_spec td.ps3{
	border-top: 1px solid #d9d9d9;
	padding: 7px 10px 7px 10px;
	text-align:center;
}


/*---------- middle 1 ----------*/

#middleBox01{
clear: both;
width: 760px;
margin: 0 auto;
}

#middleBox01 h2.middleTitle{
background: url(../img/01_1.gif) no-repeat;
width: 760px;
height: 53px;
margin: 0 0 25px 0;
}

div.middleTitle3{
clear: both;
background: url(../img/01.gif) no-repeat;
margin: 0 auto 10px auto;
width: 760px;
height: 43px;
text-align: left;
}

div.middleTitle3 h3{
padding: 10px 0 0 10px;
font-size: 130%;
line-height: 130%;
color:#333333;
font-weight:bold;
}

div.middleTitle3 h3 span{
color:#7c9dc0;
}

.topicBox{
clear: both;
width: 760px;
margin: 0 auto;
text-align: left;
}

.topicBox01{
float: left;
width: 370px;
}

.topicBox01 div.tb1Title{
background: url(../img/01_2.gif) no-repeat;
margin: 0 0 15px 0;
width: 370px;
height: 49px;
}

.topicBox01 div.tb1Title h4{
padding: 15px 0 0 40px;
font-size: 130%;
line-height: 120%;
color:#333333;
font-weight:bold;
}

.topicBox p{
padding: 15px 0 25px 0;
}

.topicBox02{
float: right;
width: 370px;
}

.topicBox02 div.tb2Title{
background: url(../img/01_3.gif) no-repeat;
margin: 0 0 15px 0;
width: 370px;
height: 49px;
}

.topicBox02 div.tb2Title h4{
padding: 15px 0 0 55px;
font-size: 130%;
line-height: 120%;
color:#333333;
font-weight:bold;
}

/*---------- middle 2 ----------*/

#middleBox02{
clear: both;
width: 760px;
margin: 0 auto;
}

#middleBox02 h2.middleTitle{
background: url(../img/02_1.gif) no-repeat;
width: 760px;
height: 53px;
}

/*---------- middle 3 ----------*/

#middleBox03{
clear: both;
width: 760px;
margin: 0 auto;
}

#middleBox03 h2.middleTitle{
background: url(../img/03_1.gif) no-repeat;
width: 760px;
height: 53px;
}

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

#page_top {
	float: right;
	clear: right;
	margin-top: 5px;
}

#page_top .pt_link ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#page_top .pt_link li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#page_top .pt_link li a{
	display:block ;
	width:86px ;
	height:17px ;
	margin:0;
	padding:0;
	text-indent:-9999px ;
	background-repeat:no-repeat ;
	background-position:top center ;
	text-decoration:none ;
	overflow:hidden ;
}

#page_top .pt_link li a{
	background-image: url(../img/pagetop.gif);
}

#page_top .pt_link li a:hover{
	background-image: url(../img/pagetop_a.gif);
}









