/*
-------------
ogdilipa_nara:contents.css
-------------
*00:htmlset
*01:common
*02:main-lauout
*03:main-navigation
*04:toppage
*05:school
*06:access
*07:hatsuden
*08:floor*
*09:stylish_house
-------------
20100215
-------------
7works creative

*/

@charset "utf-8";
/**************00:htmlset****************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
	color: #444444;
	}

a:link{color: #0000ff;text-decoration:none}/*青*/
a:visited{color:#999999;text-decoration: none;}/*グレー*/
a:hover{color:#0000ff;text-decoration: underline;}/*青+下線*/



* { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4","Osaka", "ＭＳ Ｐゴシック ", "verdana",sans-serif; }
img {border: none;}
ul,li {list-style-type: none;}
li{display:list-item;zoom:normal;} 




/**************01:common****************************************************************************************/
h1{
margin:0px 0px 10px 0px;
padding:0px;
width:91px;
float:left;
}

.large{
font-size:16px;
font-weight:bold;
}

.small{
font-size:10px;
}

#clear{
clear:both;
}

/**************02:main-layout****************************************************************************************/
#wrapper{
width:850px;
font-size:14px;
clear:both;
margin:5px auto 0px auto;
}

#header{
}

#contents{
width:830px;
margin:10px auto 0px auto;
}

/**************03:main-navigation****************************************************************************************/
#navi {
width: 740px;
margin:24px 0px 0px 0px;
padding:0px;
height:40px;
float:right;
}

#navi ul {
margin:0px;
padding:0px;
}

#navi li {
height:40px;
background-image:url(../images/navi.jpg);
display:block;
margin:0px;
padding:0px;
float: left;
list-style-type: none;
}

#navi li a {
text-decoration:none;
font-size:9px;
height:40px;
display:block;
text-indent:-9999px;
background-image:url(../images/navi.jpg);
}

/* ************************************** */
#navi #navi01 {
	width: 132px;
	background-position: 0px 0px;
}
#navi #navi01 a:link, #navi #navi01 a:visited {
	width: 132px;
	background-position: 0px 0px;
}
#navi #navi01 a:hover {
	background-position: 0px -40px;
}
#navi.navi01 #navi01 a {
	background-position: 0px -80px !important;
}
/* ************************************** */
#navi #navi02 {
	width: 70px;
	background-position: -132px 0px;
}
#navi #navi02 a:link, #navi #navi02 a:visited {
	width: 70px;
	background-position: -132px 0px;
}
#navi #navi02 a:hover {
	background-position: -132px -40px;
}
#navi.navi02 #navi02 a {
	background-position: -132px -80px !important;
}
/* ************************************** */
#navi #navi03 {
	width: 151px;
	background-position: -202px 0px;
}
#navi #navi03 a:link, #navi #navi03 a:visited {
	width: 151px;
	background-position: -202px 0px;
}
#navi #navi03 a:hover {
	background-position: -202px -40px;
}
#navi.navi03 #navi03 a {
	background-position: -202px -80px !important;
}
/* ************************************** */
#navi #navi04 {
	width: 141px;
	background-position: -353px 0px;
}
#navi #navi04 a:link, #navi #navi04 a:visited {
	width: 141px;
	background-position: -353px 0px;
}
#navi #navi04 a:hover {
	background-position: -353px -40px;
}
#navi.navi04 #navi04 a {
	background-position: -353px -80px !important;
}
/* ************************************** */
#navi #navi05 {
	width: 151px;
	background-position: -494px 0px;
}
#navi #navi05 a:link, #navi #navi05 a:visited {
	width: 151px;
	background-position: -494px 0px;
}
#navi #navi05 a:hover {
	background-position: -494px -40px;
}
#navi.navi05 #navi05 a {
	background-position: -494px -80px !important;
}
/* ************************************** */
#navi #navi06 {
	width: 95px;
	background-position: -645px 0px;
}
#navi #navi06 a:link, #navi #navi06 a:visited {
	width: 95px;
	background-position: -645px 0px;
}
#navi #navi06 a:hover {
	background-position: -645px -40px;
}
#navi.navi06 #navi06 a {
	background-position: -645px -80px !important;
}


/**************04:toppage****************************************************************************************/
.toppage #leftcontents{
float:left;
width:575px;
}

.toppage #rightcontents{
float:right;
width:240px;
}

.toppage #leftcontents #topics dl{
width:575px;
border-bottom:1px solid #ccc;
}

.toppage #leftcontents #topics  dl dt{
clear: left;
float: left;
margin: 0px 20px 5px 0px;
padding:12px;
width:60px;
border-top:1px solid #ccc;
background-image:url(../images/top_arrow.gif);
background-repeat:no-repeat;
background-position:left 15px;
}

.toppage #leftcontents #topics dl dd{
margin: 0px 0px 5px 30px;
padding:12px;
border-top:1px solid #ccc;
}

.toppage #rightcontents #banner01 a{
display:block;
width:240px;
height:70px;
background-image:url(../images/top_banner01.jpg);
text-indent:-9999px;
}

.toppage #rightcontents #banner01 a:hover{
background-image:url(../images/top_banner01on.jpg);
}

.toppage #rightcontents #banner02 a{
display:block;
width:240px;
height:70px;
margin:5px 0 5px 0;
background-image:url(../images/top_banner02.jpg);
text-indent:-9999px;
}

.toppage #rightcontents #banner02 a:hover{
background-image:url(../images/top_banner02on.jpg);
}

/**************05:school****************************************************************************************/
.school p{
line-height:200%;
}

.school #leftcontents{
float:left;
width:201px;
}

.school #rightcontents{
float:right;
width:598px;
}

.school #rightcontents #leftbox{
width:284px;
float:left;
line-height:180%;
}

.school #rightcontents #centerbox{
float:left;
margin:0px 10px 0px 10px;
}

.school #rightcontents #rightbox{
width:284px;
float:right;
line-height:180%;
}

.school #rightcontents .smallimage{
margin:5px 0px 0px 7px;
}

/**************06:access****************************************************************************************/
.access #leftcontents{
float:left;
width:365px;
}

.access #rightcontents{
float:right;
width:441px;
}

.access #rightcontents #table dl{
width:441px;
border-bottom:1px solid #000;
}

.access #rightcontents #table  dl dt{
clear: left;
float: left;
margin: 0px 20px 5px 0px;
padding:12px;
font-weight:bold;
width:80px;
border-top:1px solid #000;
}

.access #rightcontents #table dl dd{
margin: 0px 0px 5px 30px;
padding:12px;
border-top:1px solid #000;
}

.access #rightcontents #leftbox_s{
float:left;
width:210px;
text-align:center;
line-height:130%;
}

.access #rightcontents #rightbox_s{
float:right;
width:210px;
text-align:center;
line-height:130%;
}

/**************07:hatsuden****************************************************************************************/
.hatsuden #leftcontents{
float:left;
width:369px;
}

.hatsuden #rightcontents{
float:right;
width:439px;
}

.hatsuden #box01,.hatsuden #box02{
float:left;
width:265px;
margin:0px 17px 0px 0px;
line-height:170%;
}

.hatsuden #box03{
float:right;
width:265px;
line-height:170%;
}

/**************08:floor****************************************************************************************/
.floor{
font-size:12px;
}
.floor #pop_living{
width:400px;
float:left;
line-height:150%;
}

.floor #pop_oyu{
width:420px;
float:left;
line-height:150%;
}

.floor #leftcontents{
float:left;
width:585px;
}

.floor #rightcontents{
float:right;
width:207px;
}

.floor h3{
color:#0089ce;
font-size:18px;
line-height:150%;
text-align:center;
margin:0px 0px 10px 0px;
}

.floor #livingbox{
width:267px;
float:left;
line-height:150%;
}

.floor #kitchenbox{
width:548px;
float:right;
line-height:150%;
}

.floor #kitchenbox #leftbox_s{
float:left;
width:267px;
}

.floor #kitchenbox #rightbox_s{
float:right;
width:267px;
}

.floor #bathbox{
width:405px;
float:left;
line-height:150%;
}

.floor #saunabox{
width:405px;
float:right;
line-height:150%;
}

.imagemargin{
margin:0px 0px 0px 7px;
}

/**************09:stylish_house****************************************************************************************/
.stylish{
font-size:12px;
}

.stylish #leftcontents{
float:left;
width:355px;
}

.stylish #rightcontents{
float:right;
width:450px;
}

.readcopy{
font-weight:bold;
color:#8b9bcf;
}

.stylish #leftcontents p{
line-height:200%;
}

.stylish #leftcontents #leftbox_s{
float:left;
width:170px;
line-height:170%;
}

.stylish #leftcontents #rightbox_s{
float:right;
width:170px;
line-height:170%;
}


.stylish #box01,.stylish #box02{
float:left;
width:265px;
margin:0px 14px 0px 0px;
line-height:170%;
}

.stylish #box03{
float:right;
width:265px;
line-height:170%;
}

.stylish h4{
margin:0px 0px 7px 0px;
padding:0px 0px 3px 0px;
border-bottom:2px solid #8b9bcf;
}