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

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

body { background-image:url(img/bg_index.jpg);}

/* topImage */

#topImage { position:relative; height:302px;}
#topImage div.flashArea { float:left; position:absolute; left:25px; top:10px; width:600px; height:270px;}
#topImage div.reserved { float:right; position:absolute; left:640px; top:10px; width:285px; height:195px; background-image:url(img/right_reserved_bg.png); background-position:left top; background-repeat:no-repeat;}
#topImage div.reserved div.text { padding:5px 13px; color:#FFFFFF; font-size:75%;}
#topImage div.reserved div.text h3 { text-align:center;}
#topImage div.reserved div.text h4 { font-weight:normal; margin:3px 0 0 0;}
#topImage div.reserved div.text p.btn { margin:10px; text-align:center;}
#topImage div.reserved div.text img.search { vertical-align:middle; margin:0 0 0 40px;}
#topImage img.btn { position:absolute; left:640px; top:215px;}

/* container */
#container { margin:10px 25px;}
#container div.article {}
#container div.article h3 {}
#container div.article div.text { font-size:80%;}
#container div.article div.text p { margin:10px;}

#container div.type01 {}
#container div.type01 h3 {}
#container div.type01 div.text {}

#container #left { display:inline; float:left; width:595px; margin:;}
#container #right { display:inline; float:right; width:285px; margin:;}

#sourcePath {}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { background-position:left 50%; background-repeat:no-repeat;}

div.PageTop { text-align:right;} 
div.PageTop a { text-align:right;} 

/* left */
#container #left div.article { margin:0 0 10px 0;}
#container #left div.article h3 {}
#container #left div.article h3.Nontext {}
#container #left div.article div.text {}

#container #left div.type01 {}
#container #left div.type01 h2 { height:30px; background-color:#741E56; background-position:left top; background-repeat:no-repeat;}
#container #left div.type01 h2.Nontext {}
#container #left div.type01 div.text {}
#container #left div.type01 div.text h3 { position:relative; height:18px; background-color:#741E56; background-position:left top; background-repeat:no-repeat;}
#container #left div.type01 div.text h3 a.btn { display:block;}
#container #left div.type01 div.text h3 a.btn img { position:absolute; left:535px; top:0;}
#container #left div.type01 div.text h3 {}
#container #left div.type01 div.text {}

#container #left div.type02 {}
#container #left div.type02 h3 {}
#container #left div.type02 h3.Nontext {}
#container #left div.type02 div.text {}

#container #left div.grandmenu {}
#container #left div.grandmenu div.text {}
#container #left div.grandmenu div.text div.box01 { float:left; width:141px; height:300px; margin:0 5px 0 0; text-align:center; border:#CCCCCC solid 1px; background-image:url(../img/index_left_grandmenu_bg.png); background-position:right bottom; background-repeat:no-repeat;}
#container #left div.grandmenu div.text div.box01 h2 {}
#container #left div.grandmenu div.text div.box01 p { text-align:left;}
#container #left div.grandmenu div.text div.box01 {}
#container #left div.grandmenu div.text div.box01 {}
#container #left div.grandmenu {}
#container #left div.grandmenu {}

#container #left div.bannerL { float:right; width:385px; text-align:center;}
#container #left div.bannerL img { margin:0 0 5px 0;}

#container #left div.bannerS { float:left; width:200px; text-align:center;}
#container #left div.bannerS img { margin:0 0 5px 0;}

#container #left div.members { float:left; width:200px; background-image:url(../img/index_left_members_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#container #left div.members h2 { text-align:center;}
#container #left div.members h2.Nontext {}
#container #left div.members div.text {}
#container #left div.members div.text div.box01 { margin:10px; border-bottom:#999999 dotted 1px;}
#container #left div.members div.text div.box01 p.new { text-align:center;}
#container #left div.members div.text div.box01 p.new a { padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; color:#6D3D0;}
#container #left div.members div.text div.box01 input { width:130px;}
#container #left div.members div.text div.box01 img { vertical-align:middle;}
#container #left div.members div.text div.box01 {}
#container #left div.members div.text div.box01 {}
#container #left div.members div.text div.box01 {}


/* 20100715追記 */
#container #left div.members div.text div.box01 p.new2 { 
font-size:110%; margin:2px 0;
background-image:url("img/icon/arrow02.png");
background-position:left 15%;
background-repeat:no-repeat;
color:#6D3D05;
padding:0 0 0 20px;
}
#container #left div.members div.text div.box01 p.new2 a { color:#6D3D05;}


/* right */
#container #right div.article { margin:0 0 10px 0;}
#container #right div.article h3 {}
#container #right div.article h3.Nontext {}
#container #right div.article div.text {}

#container #right div.type01 {}
#container #right div.type01 h3 {}
#container #right div.type01 h3.Nontext {}
#container #right div.type01 div.text {}

#container #right div.type02 {}
#container #right div.type02 h3 {}
#container #right div.type02 h3.Nontext {}
#container #right div.type02 div.text {}

#container #right div.plan { border:#CCCCCC solid 1px;}
#container #right div.plan h2 { position:relative; height:35px; margin:1px; background-image:url(../img/columntitle/index_right_h2_01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #right div.plan h2 img.btn { position:absolute; left:195px; top:8px;}
#container #right div.plan div.text {}
#container #right div.plan div.text ul {}
#container #right div.plan div.text ul li { margin:5px;border-bottom:#CCCCCC dashed 1px;}
#container #right div.plan div.text ul li h3 { margin:5px; padding:0 0 0 30px; background-image:url(img/icon/arrow01.png); background-position:left 3px; background-repeat:no-repeat; color:#6C3D05; font-size:110%;}
#container #right div.plan div.text ul li img.thumb { float:right;}
#container #right div.plan div.text ul li p { margin:10px 90px 10px 5px;}

#container #right div.qrcode { border:#CCCCCC solid 1px; padding:15px 7px;}
#container #right div.qrcode h2 {}
#container #right div.qrcode div.text { font-size:75%;}
#container #right div.qrcode div.text img.code { float:right; display:inline; margin:5px;}
#container #right div.qrcode h2 {}

#container #right div.address { background-image:url(img/index_right_address_bg.jpg); background-position:left bottom; background-repeat:no-repeat;}
#container #right div.address div.text { margin:0 0 0 90px; font-size:75%;}
#container #right div.address div.text p { margin:10px 0;}

#container #right div.credit {}
#container #right div.credit h2 {}
#container #right div.credit div.text { padding:20px 0; text-align:center;}

#container #right div.banner { text-align:center;}
#container #right div.banner img { margin:5px 0;}

/*---------------------------------
		PageCSS 個別ページCSS
---------------------------------*/

#Page {}