@charset "Shift_JIS";


/* ---------------------------------------- */
body {
	font-size:12px;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
	background-color:#EEEEEE;
}

a:link {color:#05489B;}
a:hover {color:#0884D6;text-decoration:none;}
a:visited {
	color: #05489B;
	float: left;
}
a img {border-style:none;}
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
}

p {
line-height:150%;
letter-spacing:1px;
font-size:14px;
}
.clr{clear:both;}

/* ---------------------------------------- */
h1 {
margin:0;
padding:3px 0 0 15px;
font-size:10px;
line-height:150%;
color:#666666;
font-weight:normal;
letter-spacing:1px;
}

#wrapper {
margin:0 auto;
width:840px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-color:#FFFFFF;
}

#header {
height:155px;
background-image:url(../img/header.jpg) ;
}

#container{
width:840px;
padding:10px 0 20px 0;
}

#main {
float:right;
width:600px;
margin:0 10px 0 auto;
}

#sidebar {
float:left;
width:200px;
padding-bottom:10px;
margin:0 auto 0 10px;
}

#footer_menu{
clear: both;
padding:8px 15px 5px 10px;
font-size:12px;
text-align:center;
border-top:1px dotted #CCCCCC;
color:#CCCCCC;
line-height:150%;
letter-spacing:1px;
}

#footer {
clear: both;
padding:1px;
border-top: 1px solid #CCCCCC;
text-align:center;
position: relative;
overflow: hidden;
  }

/* ---------------------------------------- #headerเฬw่ */
.toplink{
	width:350px;
	padding:7px 0 0 10px;
	margin:0;
	float: left;

}
.tellink{
	width:450px;
	height:80px;
	padding:0px 15px 0 0;
	margin:0;
	float: right;
}
.headlink{
	width: 350px;
	padding: 0 0 0 10px;
	float: left;


}
.headText {
	float: right;
	width:220px;
	margin: 30px 10px 10px 0;
}

/* ---O[oir--- */
#g-navi{
	margin: 0;
	padding: 0;
	width:840px;
	height:36px;
	overflow:hidden;
	background-image:url(../img/menu/menu_bg.jpg);
	border-top:2px solid #CCCCCC;
	clear: both;
}
 
#g-navi ul{ 
list-style-type: none;
margin:0; 
padding:0; 
}

#g-navi li{ 
text-indent:-9999px;
float:left; 
width:140px; 
margin:0; 
padding:0;
} 

#g-navi a{ 
display:block; 
width:140px; 
height:36px; 
} 

#menu0 a{background-image:url(../img/menu/menu_00.jpg);background-repeat:no-repeat;width:139px; border-right:solid 1px #DADADA;}
#menu1 a{background-image:url(../img/menu/menu_01.jpg);background-repeat:no-repeat;width:139px; border-right:solid 1px #DADADA;}
#menu2 a{background-image:url(../img/menu/menu_02.jpg);background-repeat:no-repeat;width:139px; border-right:solid 1px #DADADA;}
#menu3 a{background-image:url(../img/menu/menu_03.jpg);background-repeat:no-repeat;width:139px; border-right:solid 1px #DADADA;}
#menu4 a{background-image:url(../img/menu/menu_04.jpg);background-repeat:no-repeat;width:139px; border-right:solid 1px #DADADA;}
#menu5 a{background-image:url(../img/menu/menu_05.jpg);background-repeat:no-repeat;width:139px; border-right:solid 1px #DADADA;}
#menu6 a{background-image:url(../img/menu/menu_06.jpg);background-repeat:no-repeat;} 
 
#g-navi a:hover{ 
display:block; 
width:140px; 
height:36px; 
} 

#menu0 a:hover{background-image:url(../img/menu/menu_00_on.jpg);background-repeat:no-repeat;background-position:center;} 
#menu1 a:hover{background-image:url(../img/menu/menu_01_on.jpg);background-repeat:no-repeat;background-position:center;} 
#menu2 a:hover{background-image:url(../img/menu/menu_02_on.jpg);background-repeat:no-repeat;background-position:center;} 
#menu3 a:hover{background-image:url(../img/menu/menu_03_on.jpg);background-repeat:no-repeat;background-position:center;} 
#menu4 a:hover{background-image:url(../img/menu/menu_04_on.jpg);background-repeat:no-repeat;background-position:center;} 
#menu5 a:hover{background-image:url(../img/menu/menu_05_on.jpg);background-repeat:no-repeat;background-position:center;} 
#menu6 a:hover{background-image:url(../img/menu/menu_06_on.jpg);background-repeat:no-repeat;background-position:center;} 


/* ---------------------------------------- #contentsเฬw่ */
.pan{
font-size:10px;
padding:0 0 10px 0;
letter-spacing:1px;
}

#main_image{
background-image:url(../img/title.jpg);
background-repeat:no-repeat;
background-position:top;
border:1px solid #999999;
padding:240px 15px 10px 15px;
margin-bottom:20px;
}

#main_text{
border:1px solid #CCCCCC;
background-color:#FFFFFF;
padding:10px 15px;
font-size:12px;
line-height:150%;
letter-spacing:1px;
color:#666666;
}

h2 {}
h3 {}
h4 {}
.h2_01 {background:url(../img/h2_01.jpg);height:36px;margin:0 0 3px 0;text-indent:-3000px;border:solid 1px #CCCCCC;}
.h2_02 {
	height:36px;
	margin:0 0 3px 0;
	text-indent:-3000px;
	border:solid 1px #CCCCCC;
	background-image: url(../img/h2_01.jpg);
}
.h2_03 {
	height:36px;
	margin:0 0 3px 0;
	text-indent:-3000px;
	border:solid 1px #CCCCCC;
	background-image: url(../img/h2_02.jpg);
}

.style_01{
	font-size: 18px;
	font-weight: bold;
	font-family: 'CI', Meiryo, Verdana, Helvetica, Arial, 'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', 'lr oSVbN';
	padding: 8px 0 1px 20px;
	margin: 0 0 5px 0;
	border: 1px solid #CCCCCC;
	background-image: url(../img/style_01.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 100%;
}
.style_02{
font-size:14px;
font-weight:bold;
padding:13px 0 10px 10px;
margin:20px 0 20px 0;
border:1px solid #CCCCCC;
background-color:#F3F3F3;
color:#333333;
}
.style_03{
font-size:14px;
font-weight:bold;
padding:0 0 3px 0;
margin:15px 0 7px 0;
border-bottom:2px solid #FF3300;
color:#FF3300;
}
.style_04{
font-size:14px;
line-height:150%;
font-weight:bold;
padding:7px 0 0 0;
margin:30px 0 0 0;
border-top:3px solid #FF3300;
color:#FF3300;
}
.style_05{
font-size:14px;
line-height:150%;
font-weight:bold;
padding:5px 0 3px 10px;
margin:0;
border:2px solid #FF6600;
color:#FF6600;
}
.style_06{
font-size:14px;
line-height:150%;
font-weight:bold;
padding:5px 0 3px 10px;
margin:15px 0 0 0;
color:#FFFFFF;
background-image:url(../img/h3_01.jpg);
background-repeat:repeat-x;
border:1px solid #CCCCCC;
}

#top_img{
margin:0 0 15px 0;
padding:295px 15px 0 15px;
background-image:url(../img/top_img.jpg);
background-position:top;
background-repeat:no-repeat;
}

table.topflow {width:100%;border-collapse:collapse;margin:0;}
table.topflow td {
padding:5px;
font-size:12px;
line-height:150%;
color:#333333;
vertical-align:top;
}
table.topflow td.note {
background-color:#EAEAEA;
border:solid 1px #CCCCCC;
}

#topvoice{
padding:5px 0;
margin:0 0 15px 0;
background-color:#EAEAEA;
text-align:center;
}
#topvoice img{
padding:3px;
margin:0;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
}

.main_contents{
margin:0 0 15px 0;
padding:110px 15px 1px 15px;
border:solid 3px #000000;
background-image:url(../img/main.jpg);
background-position:top;
background-repeat:no-repeat;
}
.main_contents p{font-size:14px;line-height:150%;}

ul.bullet_01 {list-style:none;margin:0;padding:0;}
ul.bullet_01 li {margin:0 0 8px 0;padding:2px 0 0 25px;background: url(../img/bullet_01.gif) no-repeat;list-style: none;
font-size:16px;line-height:145%;font-weight:bold;color:#CC0000;letter-spacing:1px;
}

.contents{
	margin: 0 0 15px 0;
	padding: 1px 15px 1px 15px;
	border: 1px solid #CCCCCC;
}
.contents2{
	margin: 0 0 15px 0;
	padding: 1px 15px 1px 15px;
	border: 1px solid #FF9900;
	background-color: #FFC;
}
.contents p{
	font-size:14px;
	line-height:180%;
}

.sub_contents{
margin:0 0 15px 0;
padding:1px 15px;
border:solid 1px #999999;
}
.sub_contents p{font-size:12px;line-height:150%;}

.bannerbox{
margin:0 0 15px 0;
background-color:#CCCCCC;
padding:10px 0;
text-align:center;
border:solid 1px #999999;
}
.banner_right{padding-right:10px;}

.bannerbox_02{
margin:45px 0 0 0;
padding:15px 0;
text-align:center;
border-top:dotted 1px #999999;
}

.bannerbox_03{
margin:10px 0;
padding:5px 0;
text-align:center;
border-bottom:dotted 1px #999999;
}

.res_ttl{
height:34px;
margin:0 0 2px 0;
padding:0;
background-image: url(../img/res_ttl.jpg);
background-repeat:no-repeat;
background-position:top center;
text-indent:-3000px;
border:solid 1px #1c57a5;
}
.contact{
	height:135px;
	border:solid 2px #1c57a5;
	margin:0 0 2px 0;
}
.contact{
	height:135px;
	border:solid 2px #1c57a5;
	margin:0 0 2px 0;
}
.odenwa{
	height:20px;
	margin:0 0 10px 0;
	text-align: right;
}
.maillink{
margin:0;
padding:47px 0 0 23px;
}


.z001{
margin:0 0 5px 0;
padding:0;
border:solid 1px #CCCCCC;
background-image:url(../img/maker/aventhouse.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#000000;
}
.z002{
margin:0 0 5px 0;
padding:0;
border:solid 1px #CCCCCC;
background-image:url(../img/maker/archcom.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#000000;
}
.z003{
margin:0 0 5px 0;
padding:0;
border:solid 1px #CCCCCC;
background-image:url(../img/maker/mdi.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#000000;
}
.z004{
margin:0 0 5px 0;
padding:0;
border:solid 1px #CCCCCC;
background-image:url(../img/maker/build.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#000000;
}
.topmaison{
margin:0 0 0 0;
padding:0;
border:solid 1px #CCCCCC;
background-image:url(../img/maker/topmaison.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#000000;
}
/* ---------------------------------------- dl */
dl.erea {margin:15px 0;font-size:12px;letter-spacing:1px;}
dl.erea dt {
clear:left;
float:left;
width:115px;
font-weight:bold;
padding:6px 5px 4px 10px;
margin-bottom:3px;
border-left:solid 5px #05489B;
border-top:solid 1px #CCCCCC;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
dl.erea dd {
margin-bottom:8px;
margin-left:150px;
line-height:150%;
color:#999999;
padding:4px 0 0 0;
}

dl.erea2 {margin:5px 0 0 0;font-size:12px;letter-spacing:1px;padding:10px;border:solid 1px #CCCCCC;}
dl.erea2 dt {
clear:left;
float:left;
width:115px;
font-weight:bold;
padding:6px 5px 4px 10px;
margin-bottom:3px;
border-left:solid 5px #FF3300;
border-top:solid 1px #CCCCCC;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
dl.erea2 dd {
margin-bottom:8px;
margin-left:150px;
line-height:150%;
color:#999999;
padding:4px 0 0 0;
}

dl.prof {margin:25px 0;font-size:14px;letter-spacing:1px;border-top:dotted 1px #CCCCCC;padding-top:15px;}
dl.prof dt {
clear:left;
float:left;
width:96px;
margin-bottom:3px;
}
dl.prof dd {
margin-bottom:5px;
margin-left:120px;
line-height:150%;
color:#666666;
padding:0;
}
dl.prof dd.name {
font-weight:bold;
padding-bottom:10px;
color:#000000;
}
.img_top{margin-bottom:5px;}


.point {
list-style-type: none;
margin:10px 0 10px 0;
font-size:14px;
font-weight:bold;
padding:10px 0 3px 10px;
border:2px solid #FF9900;
color:#FF6600;
}
.point li {
margin:0 0 4px 0;
padding:0 0 0 22px;
font-size:14px;
line-height:150%;
letter-spacing:1px;
background-image:url(../img/list_01.gif) ;
background-position:left center;
background-repeat:no-repeat;
}

/* ---------------------------------------- box */
.box_01{
border:solid 3px #FF3300;
padding:1px 15px;
}
.box_02{
padding:1px 10px;
background-color:#E6E6E6;
}
.box_03{
padding:10px;
background-color:#E6E6E6;
border:solid 1px #CCCCCC;
font-size:12px;
letter-spacing:2px;
text-align:center;
color:#3399FF;
}
.boxttl_03{
font-size:14px;
line-height:150%;
font-weight:bold;
padding:5px 0 3px 10px;
margin:30px 0 2px 0;
color:#FFFFFF;
background-image:url(../img/style_02.jpg);
background-repeat:repeat-x;
border-bottom:solid 1px #666666;
}
.box_04{
border:dotted 1px #999999;
padding:1px 15px;
}
.box_04 p{
font-size:12px;
color:#333333;
}
.box_04ttl{
font-size:16px;
color:#000000;
}
.box_04sub{
font-size:14px;
color:#000000;
}
.box_05{
border:solid 2px #CCCCCC;
padding:3px 0;
text-align:center;
margin-bottom:45px;
}
.box_06{
border:dotted 1px #999999;
padding:0 15px 15px 15px;
text-align:left;
font-size:12px;
line-height:150%;
letter-spacing:1px;
margin:15px 10px;
}

/* ---------------------------------------- form */
table.base {width:100%;border-collapse:collapse;}
table.base td {
padding:10px;
border:solid 1px #CCCCCC;
font-size:12px;
line-height:150%;
}
table.base td.item {
font-weight:bold;
background-color:#ECECFF;
text-align:right;
}
table.base td.course {
	font-weight:bold;
	background-color:#ECECFF;
	text-align:center;
	white-space: nowrap;
	line-height: 120%;
}
table.base td.btn {
text-align:center;
border:none;
}
table.base td.tag {
color:#CC0000;
}

table.maker {width:100%;border-collapse:collapse;margin:15px 0 30px 0;}
table.maker td {
padding:5px;
border:solid 1px #CCCCCC;
font-size:12px;
line-height:150%;
letter-spacing:1px;
}
table.maker td.into {
text-align:center;
}

/* ---------------------------------------- #sidebarเฬw่ */
.banner{margin-bottom:5px;}

.localnavi_01 {
list-style:none;
margin:10px 0 5px 0;
padding:0;
border-bottom:1px solid #CCCCCC;
}
.localnavi_01 li { display: inline; }
.localnavi_01 li a {
display: block;
padding:6px 1px 4px 20px;
background-color: #FFFFFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px dotted #CCCCCC;
background-image:url(../img/side_list.gif);
background-position:5px;
background-repeat:no-repeat;
color:#333333;
text-decoration:none;
}
.localnavi_01 li a:hover {
text-decoration:none;
background-color:#E6EFFF;
background-image:url(../img/side_list.gif);
background-position:5px;
background-repeat:no-repeat;
color:#0884D6
}
.localnavi_01 li.end a {
display: block;
padding:6px 1px 4px 20px;
background-color: #FFFFFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:none;
background-image:url(../img/side_list.gif);
background-position:5px;
background-repeat:no-repeat;
color:#333333;
text-decoration:none;
}
.localnavi_01 li.end a:hover {
text-decoration: none;
background-color:#E6EFFF;
background-image:url(../img/side_list.gif);
background-position:5px;
background-repeat:no-repeat;
color:#0884D6
}
.localnavi_01 li.category{
background-image:url(../img/knowhow.jpg) ;
display:block;height:30px;padding:0px;margin:0;
text-indent:-3000px;border-bottom:solid 1px #999999;
}


.localnavi_02 {
list-style:none;
margin:0 0 15px 0;
padding:5px 6px 3px 6px;
border:solid 1px #CCCCCC;
}
.localnavi_02 li {
margin:0 0 2px 2px;
padding:0 0 0 15px;
background-image:url(../img/side_list.gif) ;
background-repeat:no-repeat;
background-position:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
}

.localnavi_03 {
list-style-type: none;
margin:30px 0 0 0;
padding:0;
font-size:12px;
}
.localnavi_03 li {
margin:0 0 4px 0;
padding:0 0 0 15px;
font-size:14px;
line-height:150%;
letter-spacing:1px;
border-bottom:1px dotted #A0B7D6;
background-image:url(../img/side_list.gif) ;
background-position:left center;
background-repeat:no-repeat;
}
.localnavi_03 li a{text-decoration:none;}
.localnavi_03 li.part {
margin:0 0 4px 0;
padding:0;
font-size:14px;
line-height:150%;
font-weight:bold;
letter-spacing:1px;
border-bottom:1px solid #A0B7D6;
background-image:none ;
}

.sidebox{
border:1px solid #CCCCCC;
background-image:url(../img/banner_06.jpg) ;
background-position:top center;
background-repeat:no-repeat;
padding:60px 3px 8px 8px;
font-size:12px;
line-height:130%;
}
.sidepict{margin-top:5px;}
.sidepict_end{margin:5px 0 8px 0;}
.sblink{
background-color:#D7E0FF;
padding:3px;
margin-top:5px;
text-align:right;
}

.mailmag{
border:3px solid #FF6600;
background-image:url(../img/banner_07.jpg) ;
background-position:top center;
background-repeat:no-repeat;
padding:50px 8px 5px 8px;
margin:0 0 10px 0;
}
table.mm {width:100%;border-collapse:collapse;}
table.mm td {
padding:3px 5px;
border:solid 1px #CCCCCC;
font-size:12px;
line-height:150%;
text-align:center;
}
table.mm td.select {
font-weight:bold;
background-color:#ECECFF;
}
table.mm td.go {
border:none;
}


/* ---------------------------------------- #footerเฬw่ */
#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
}


/* ---------------------------------------- #ถw่ */
.ul{text-decoration:underline;}
.font12{font-size:12px;color:#000000;font-weight:normal;}
.bold{font-weight:bold;}
.bold16{font-weight:bold;font-size:16px;}
.ym{font-weight:bold;background-color:#FFCC00;padding:1px;}
.red{font-weight:bold;color:#CC0000;}
.red12{font-weight:bold;color:#CC0000;font-size:12px;}
.caption{color:#666666;font-size:12px;}

.center{text-align:center;}
.right{text-align:right;}

/* ---------------------------------------- #ๆw่ */
.img_left01{float:left;margin:0 20px 0 0;}
.img_left02{float:left;margin:0 20px 0 0;padding:5px;border:1px solid #CCCCCC;}
.img_right01{float:right;margin:0 0 0 20px;}
.img_right02{float:right;margin:15px 0 0 20px;padding:3px;border:1px solid #CCCCCC;}
.img_right03{float:right;margin:0 180px 0 0;}
.img_right04{float:right;margin:0 80px 0 0;}
.img_box01{float:right;margin:15px 0 0 20px;font-size:10px;color:#333333;line-height:150%;}
.img_event{
	padding:3px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0px;
}

/* ---------------------------------------- #maruyama add */
.kasane {position:relative;}
.kasanetext {position:absolute; top:85px; left:10px;}
.countdown {background-color:#F18101; color:#FFFFFF; font-size:24px; font-weight:bold; text-align:center}
.soudanbox{
border:1px dotted #000000;
background-image:url(../img/banner_06.jpg) ;
background-position:top left;
background-repeat:no-repeat;
padding:60px 3px 8px 8px;
font-size:12px;
line-height:130%;
}
.h2_04 {
	height:36px;
	margin:0 0 3px 0;
	text-indent:-3000px;
	border:solid 1px #CCCCCC;
	background-image: url(../img/h2_04.jpg);
}
.h2_05 {
	height:36px;
	margin:0 0 3px 0;
	text-indent:-3000px;
	border:solid 1px #CCCCCC;
	background-image: url(../img/h2_05.jpg);
}

/* ---------------------------------- จdb๐ขฝพญOษ */

#odenwa {
	background-color: #FFF;
	margin: 10px auto;
	padding: 20px;
	width: 500px;
	font-size:14px;
	line-height:150%;
}
#odenwa h1 {
	font-size: medium;
	color: #FFF;
	background-color: #36C;
	padding: 5px;
}
#odenwa img {
	float: right;
	margin-left: 10px;
}

.box_03 ul {
	margin: 5px auto 10px auto;
	padding: 0;
	height: 2em;
}
.box_03 ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#footer_menu ul {
	margin: 0 20px;
	padding: 0;
	height: 2em;
	position: relative;
	left: 50%;
	float: left;
  }
#footer_menu ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: -50%;
  }
.komejirusi {
	text-indent: -1em;
	margin: 0px;
	padding: 0 0 0 1em;
}
.text-bg{
	background-color: #F1DAEC;
}
.top_btn{
	margin: 20px 0;
	text-align:center;
}
