﻿@charset "utf-8";
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
p {

}

/*--- default */
body {
	background: #FFF;
	color: #000;
	font-size: small;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
/* ===================================================================
CSS information

file name  :style.css
  
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
}

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

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

a:hover {
color:#000000;
	text-decoration: none;
}

a:active {
color:#000000;
	text-decoration: none;
}

#page {
	width: 855px;
	background-image:url(../images/kakishibu_01/bg.jpg);
	background-repeat:repeat-y;
}

#sub,
#main,
#contents {
margin:0 auto;

}

#main {

}

#sub {

}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*
	clearfix
*/
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------
margin 
----------------------------------------*/
.mB02{
margin-bottom:2px;}

.mB05{
margin-bottom:5px;}

.mB10{
margin-bottom:10px;}

.mB15{
margin-bottom:15px;}

.mB20{
margin-bottom:20px;}

.mB25{
margin-bottom:25px;}

.mTB5{
margin:5px 0;}

.mTB10{
margin:10px 0;}

.mTB15{
margin:15px 0;}

.mTB20{
margin:20px 0;}

.mT3{
margin-top:3px;}

.mT5{
margin-top:5px;}

.mt10{
margin-top:10px;}

.mT15{
margin-top:15px;}

.mT20{
margin-top:20px;}

.mT25B10{
margin-top:25px;
margin-bottom:10px;
}

.mL2{
margin-left:2px;}

.mL5{
margin-left:5px;}

.mL10{
margin-left:10px;}

.mL18{
margin-left:18px;}

.mL25{
margin-left:25px;}

.mL20{
margin-left:20px;}

.mL10{
margin-right:10px;}

.mL20{
margin-right:20px;}

.mLR10{
margin:0 10px;}

.mL22R32{
margin:0 32px 0 22px;}

.mLR20{
margin:0 20px;}

.m5{
margin:5px;}

.m10{
margin:10px;}

.m15{
margin:15px;}

.m20{
margin:20px;}

.pL10 {
padding-left:10px;
}

.p10 {
padding:10px;
}

/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
width:795px;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}

/*----------------------------------------------------
	top
----------------------------------------------------*/
#top-box {
width:795px;
height:210px;
}

#top-left {
width:527px;
height:210px;
float:left;
}

#top-right {
width:268px;
height:210px;
float:left;
}

#top-buy-box {
width:795px;
height:167px;
background-image:url(../images/kakishibu_01/buy.jpg);
position:relative;
}

#top-bt01 {
width:216px;
height:45px;
position:absolute;
right:34px;
top:39px;
}

#top-bt02 {
width:216px;
height:45px;
position:absolute;
right:34px;
bottom:26px;
}

.hosyou {
width:630px;
height:78px;
padding-top:96px;
padding-left:165px;
background-image:url(../images/kakishibu_01/hosyou.jpg);
margin-bottom:19px;
}

.hosyou p {
width:600px;
}

.redboldunder {
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

.present {
width:716px;
height:55px;
padding-left:79px;
padding-top:120px;
background-image:url(../images/kakishibu_01/present.jpg);
margin-bottom:30px;
}

.present p {
font-size:11px;
}

.ind {
margin-left:11px;
}

.f11 {
font-size:11px;
}

#blue-box {
width:795px;
height:148px;
}

#blue-box-left {
width:527px;
height:148px;
float:left;
}

#blue-box-right {
width:268px;
height:148px;
float:left;
}

.blue-bg {
width:795px;
background-image:url(../images/kakishibu_01/blue-bg.gif);
background-repeat:repeat-y;
}

.blue-bg p {
width:600px;
margin-left:82px;
font-size:14px;
margin-bottom:30px;
}

#meca {
width:729px;
height:43px;
margin:0 auto;
}

#meca-box {
width:735px;
height:312px;
margin-left:35px;
}

#meca-left {
width:525px;
height:312px;
float:left;
}

#meca-right {
width:210px;
height:312px;
float:left;
}

.pT8L20B10{
padding-top:8px;
padding-left:20px;
padding-bottom:10px;
}

.blue-ft {
width:795px;
height:24px;
font-size:0px;
}

#karei-graph {
width:667px;
height:340px;
margin:0 auto;
}

#aku {
width:667px;
height:24px;
margin:0 auto;
}

ul#list {
width:643px;
height:139px;
margin:0 auto 50px auto;
}

ul#list li {
float:left;
display:inline;
}

#title-tappuri {
width:732px;
height:57px;
margin:0 auto 15px auto;
}

#tappuri {
width:702px;
height:173px;
margin:0 auto;
}

#tappuri li {
float:left;
}

#ta-text {
width:702px;
height:25px;
margin:0 auto;
}

.mid-buy-box {
width:795px;
height:239px;
background-image:url(../images/kakishibu_01/mid-buy-bg.jpg);
position:relative;
}

.mid-bt01 {
width:210px;
height:44px;
position:absolute;
top:110px;
left:321px;
}

.mid-bt02 {
width:210px;
height:44px;
position:absolute;
top:169px;
left:321px;
}

.imadake {
width:795px;
height:322px;
background-image:url(../images/kakishibu_01/imadake-bg.gif);
position:relative;
}

.text01 {
width:527px;
position:absolute;
top:120px;
left:65px;
line-height:1.2;
}

.text02 {
width:150px;
position:absolute;
top:176px;
left:610px;
font-size:10px;
}

.text03 {
width:633px;
height:31px;
position:absolute;
top:242px;
left:84px;
}

#koe-hi {
width:795px;
height:313px;
}

#koe01 {
width:398px;
height:313px;
background-image:url(../images/kakishibu_01/koe01.gif);
float:left;
}

#koe02 {
width:397px;
height:313px;
background-image:url(../images/kakishibu_01/koe02.gif);
float:left;
}

.koe-text01 {
width:345px;
margin-left:38px;
margin-top:83px;
font-size:14px;
}

.koe-text02 {
width:345px;
margin-left:38px;
margin-top:83px;
font-size:14px;
}

#koe-low {
width:795px;
height:302px;
}

#koe03 {
width:398px;
height:302px;
background-image:url(../images/kakishibu_01/koe03.gif);
float:left;
}

#koe04 {
width:397px;
height:302px;
background-image:url(../images/kakishibu_01/koe04.gif);
float:left;
}

.koe-text03 {
width:345px;
margin-left:38px;
margin-top:83px;
font-size:14px;
}

.koe-text04 {
width:330px;
margin-left:48px;
margin-top:83px;
font-size:14px;
}

#tugi {
width:795px;
height:38px;
background-image:url(../images/kakishibu_01/tugi.gif);
padding-top:10px;
}

#jukuren-box {
width:795px;
height:258px;
background-image:url(../images/kakishibu_01/jukuren-bg.gif);
padding-top:30px;
}

#juku-text {
width:481px;
margin-left:51px;
margin-bottom:10px;
float:left;
display:inline;
}

#shiage {
width:498px;
height:22px;
margin-left:40px;
float:left;
display:inline;
}

#shiage-list {
margin-left:40px;
float:left;
}

#juku-left {
width:550px;
float:left;
}

#shiage-list li {
float:left;
}

#juku-img {
width:188px;
height:174px;
float:left;
}

#juku-img-text {
clear:both;
text-align:center;
}

#toumei-box {
width:795px;
height:346px;
background-image:url(../images/kakishibu_01/toumei-bg.jpg);
position:relative;
}

#toumei-text01 {
width:450px;
position:absolute;
left:281px;
top:60px;
font-size:14px;
line-height:1.4;
}

#toumei-text02 {
width:350px;
position:absolute;
left:255px;
top:190px;
font-size:14px;
line-height:1.2;
font-weight:bold;
}

#toumei-text03 {
width:700px;
position:absolute;
left:64px;
top:244px;
font-size:14px;
line-height:1.2;
}

#spec {
width:750px;
margin-left:40px;
}

#ft-menu {
text-align:right;
margin-right:20px;
margin-bottom:5px;
}

#footer {
width:775px;
height:28px;
background-color:#99ccff;
color:#FFFFFF;
text-align:right;
padding-top:10px;
padding-right:20px;
}
