@charset "utf-8";
/* --------------------------------------------- 

	レイ眼科基本設定 rayclinic kihon

	=1 基本設定
		=1-1 サイズ size
		=1-2 clearfix
		=1-3 タイトル title
	=2 問い合わせ toiawase
	=3 フッター footer
	=4 retop
	=5 index設定
		=5-1 what's new
		=5-2 キャンペーンバナー banner
		=5-3 ナビメニュー GNaviMenu
		=5-4 想い omoi
		=5-5 pickup
	=6 下層タブ設定 contents tab		
		
		
----------------------------------------------- */

@import "clearset.css";

body{
font-size:80%;
line-height:130%;
color:#333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* --------------------------------------------------------------- =1 ▼ 基本設定 */
/* ----------------------------------------- =1-1 ▼ サイズ size */
#wrapper{
width:938px;
margin:0px auto;
padding-left:14px;
border:1px #ccc solid;
border-top:none;
border-bottom:none;
}

#contents{
width:924px;
margin-bottom:10px;
overflow:hidden;
}
#in_contR,#contR{
width:270px;
float:right;
}
#in_contL,#contL{
width:640px;
float:left;
}
#header{
margin-bottom:10px;
}

/* ----------------------------------------- =1-2 ▼ clearfix */
#contents:after,.TabmenuArea:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
line-height:0;
clear:both;
}
#contL .clear{
clear:both;
}
/* ----------------------------------------- =1-3 ▼ タイトル title */
#in_contL h2,#in_contR h2,#contR h2{
margin-top:10px;
}
#contL h2{
margin:50px 0px 10px 0px;
}
#contL h3{
margin:35px 0px 20px 0px;
}
#contL h4{
font-weight:bold;
font-size:100%;
margin:15px 0px 8px 0px;
}
/* --------------------------------------------------------------- =2 ▼ 問い合わせ toiawase */
#yoyaku{
position:relative;
top:0px;
left:0px;
background:url(../img/com/bk_yoyaku.gif) no-repeat top left;
height:455px;
}
#yoyaku li{
line-height:100%;
}
/* ------------ ▽ 電話番号 tel no */
#yoyaku #telno{
position:absolute;
top:10px;
left:115px;
}
/* ------------ ▽ ＷＥＢ予約 webyoyaku */
#yoyaku #forpc{
position:absolute;
top:75px;
left:74px;
height:25px;
}
#yoyaku #formb{
position:absolute;
top:75px;
left:170px;
height:25px;
}
/* ------------ ▽ レーシック説明会 lasik setsumei */
#yoyaku #setsumei{
position:absolute;
top:133px;
left:74px;
height:25px;
}

#yoyaku #ban{
position:absolute;
top:220px;
left:0px;
height:60px;
}

/* ------------ ▽ 診療時間＆アクセス time&access */
#yoyaku #time{
position:absolute;
top:180px;
left:73px;
height:25px;
}
#yoyaku #acc{
position:absolute;
top:180px;
left:168px;
height:25px;
}
/* ------------ ▽ blog banner */
#yoyaku #ban{
position:absolute;
top:220px;
left:0px;
height:60px;
}

#yoyaku #ban_n{
position:absolute;
top:285px;
left:0px;
height:55px;
}
/* ------------ ▽ tv */
#yoyaku #tv{
position:absolute;
top:345px;
left:0px;
height:55px;
}
/* ------------ ▽ 提携ホテル */
#yoyaku #hotel{
position:absolute;
top:405px;
left:0px;
height:55px;
}

/* --------------------------------------------------------------- =3 ▼ フッター footer */
#footer{
position:relative;
top:0px;
left:0px;
}
#footer .ftpo{
position:absolute;
top:2px;
left:50px;
}
#footer .ftkiya{
position:absolute;
top:2px;
left:200px;
}

/* --------------------------------------------------------------- =4 ▼ retop */
.retop{
text-align:right;
margin:30px 0px;
clear:both;
}

/* --------------------------------------------------------------- =5 ▼ index */
/* --------------------------------------- =5-1 ▼ what's new */
#News{
width:268px;
border:1px #999 solid;
}
.new{
width:258px;
height:268px;
margin:0px 0px 5px 9px;
overflow:auto;
}
.new dt{
text-indent:15px;
margin-top:5px;
xfont-weight:bold;
color:#1d1572;
background:url(../img/com/tmark_cir.gif) no-repeat 0% 50%;
}
.new dt.row2{
background-position:0% 10%;
}
.new dd{
margin-bottom:10px;
}
.new p{
color:#666;
text-align:right;
}
.topics{
width:268px;
padding:10px 0px;
border-top:1px #999 dotted;
}
.topics li{
text-indent:15px;
margin-left:9px;
background:url(../img/com/tmark_cir.gif) no-repeat 0% 2%;
}

/* --------------------------------------- =5-2 ▼ キャンペーンバナー banner */
.camban{
margin-top:10px;
}
/* --------------------------------------- =5-3 ▼ ナビメニュー GNaviMenu */
.menu{
border-bottom:1px #999 solid;
}
.menu li{
height:45px;
vertical-align:bottom;
line-height:45px;
font-size:0px;
}
/* ------------------------------------- =5-4 ▼ 想い omoi */
#omoi{
width:638px;
border:1px #999 solid;
position:relative;
top:0px;
left:0px;
}
#omoi li{
height:112px;
line-height:112px;
float:left;
}
#omoi .ma{
position:absolute;
top:220px;
left:130px;
}
#omoi .ra{
position:absolute;
top:150px;
left:200px;
}
#omoi .ni{
position:absolute;
top:400px;
left:130px;
}
#omoi .ko{
position:absolute;
top:330px;
left:210px;
}
/* ------------------------------------------ =5-5 ▼ pickup */
#pickup{
width:640px;
}
#pickup li{
float:left;
margin:5px 0px 0px 2px;
}

#panL{
margin-top:10px;
}
#panL li{
font-size:85%;
display:inline;
}
#panL li a{
margin-right:5px;
text-decoration:none;
}
/* --------------------------------------------------------------- =6 ▼ 下層タブ設定 contents tab */
.TabmenuArea{
width:640px;
margin-bottom:10px;
overflow:hidden;
}

.TabmenuArea ul li{
float:left;
}
.tabM,.tabM2,.tabM3{
height:37px;
margin:10px 0px 5px 0px;
padding-left:10px;
background:url(../img/contp/tab/tab_line.gif) no-repeat 0% 100%;
}
.tabM li{
margin-left:10px;
}
.tabM2 li{
margin-left:5px;
}
.tabM3{
padding-left:5px;
}
.tabM3 li{
margin-left:4px;
}