@charset "UTF-8";
/* CSS Document */
body {
	font-size:12px;
	line-height:22px;
	color:#333;
	margin:0;
	padding:0;
	background:url(images/bg_navi.gif) no-repeat;
}

#wrapper {
	width:850px;
}

/* ヘッダー設定 */
#header {
	width:850px;
	background:url(images/bg_header.gif) repeat-x;
}

#header p.btn {
	text-indent:-9999px;
	width:180px;
	height:30px;
	margin:0;
	background:url(images/btn_top_on.gif) no-repeat;
	float:right;
}
#header p.btn a {
	display:block;
	width:180px;
	height:30px;
	background:url(images/btn_top.gif) no-repeat;
}
#header p.btn a:hover {background:none;}

h1.top {
	text-indent:-9999px;
	width:373px;
	height:72px;
	margin:0;
	background:url(images/logo_ruscello.gif) no-repeat;
}

h2.toptxt {
	text-indent:-9999px;
	width:344px;
	height:98px;
	margin:0;
	background:url(images/txt_ruscello.gif) no-repeat;
}

p.center {text-align:center;}
p.right {
	margin:0 0 10px 10px;
	float:right;
}

/* メイン設定 */
#main_left {
	width:350px;
	float:left;
}

#main_img {
	text-indent:-9999px;
	width:433px;
	height:508px;
	margin:10px 30px 0 0;
	background:url(images/img_ruscello.jpg) no-repeat;
	float:right;
}

/* ナビ設定 */
#navi {
	width:240px;
	padding:45px 0 0 0;
	background:url(images/bg_navitop.gif) no-repeat;
	float:left;
}
#navi ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navi ul li {
	text-indent:-9999px;
	width:218px;
	height:45px;
	margin:0 0 0 21px;
}
#navi ul li a {
	display:block;
	width:218px;
	height:45px;
}
#navi ul li#navi01 {background:url(images/navi01_on.gif) no-repeat;}
#navi ul li#navi01 a {background:url(images/navi01.gif) no-repeat;}
#navi ul li#navi01 a:hover {background:none;}

#navi ul li#navi02 {background:url(images/navi02_on.gif) no-repeat;}
#navi ul li#navi02 a {background:url(images/navi02.gif) no-repeat;}
#navi ul li#navi02 a:hover {background:none;}
#navi ul li#navi02b a {background:url(images/navi02_on.gif) no-repeat;}

#navi ul li#navi03 {background:url(images/navi03_on.gif) no-repeat;}
#navi ul li#navi03 a {background:url(images/navi03.gif) no-repeat;}
#navi ul li#navi03 a:hover {background:none;}
#navi ul li#navi03b a {background:url(images/navi03_on.gif) no-repeat;}

#navi ul li#navi04 {background:url(images/navi04_on.gif) no-repeat;}
#navi ul li#navi04 a {background:url(images/navi04.gif) no-repeat;}
#navi ul li#navi04 a:hover {background:none;}
#navi ul li#navi04b a {background:url(images/navi04_on.gif) no-repeat;}

#navi ul li#navi05 {background:url(images/navi05_on.gif) no-repeat;}
#navi ul li#navi05 a {background:url(images/navi05.gif) no-repeat;}
#navi ul li#navi05 a:hover {background:none;}
#navi ul li#navi05b a {background:url(images/navi05_on.gif) no-repeat;}

#navi ul li.txt {
	text-indent:0;
	line-height:18px;
	margin:10px 0 0 25px;
}

/* フッター設定 */
#footer {
	clear:both;
	border-bottom:10px solid #f2f2f2;
}
#footer address {
	text-align:right;
	font-family:Arial;
	font-style:normal;
	padding:15px 10px 0 0;
}




/* 第2階層設定 */
#main {
	width:590px;
	margin:45px 0 0 0;
	float:right;
}
#second_left {
	width:240px;
	float:left;
}

h1.second {
	text-indent:-9999px;
	width:849px;
	height:79px;
	margin:0;
	background:url(images/logo_ruscello2.gif) no-repeat;
}

h2.maintitle01 {
	text-indent:-9999px;
	width:590px;
	height:38px;
	margin:0;
	background:url(images/02_subtitle01.gif) no-repeat;
}
h2.maintitle02 {
	text-indent:-9999px;
	width:590px;
	height:38px;
	margin:0;
	background:url(images/03_subtitle01.gif) no-repeat;
}
h2.maintitle03 {
	text-indent:-9999px;
	width:590px;
	height:38px;
	margin:0;
	background:url(images/04_subtitle01.gif) no-repeat;
}
h2.maintitle04 {
	text-indent:-9999px;
	width:590px;
	height:39px;
	margin:0;
	background:url(images/05_subtitle01.gif) no-repeat;
}

h3.subtitle01a {
	text-indent:-9999px;
	width:590px;
	height:38px;
	margin:70px 0 0 0;
	background:url(images/02_subtitle02.gif) no-repeat;
}
h3.subtitle02a {
	text-indent:-9999px;
	width:590px;
	height:50px;
	margin:40px 0 0 0;
	background:url(images/02_subtitle04.gif) no-repeat;
}
h3.subtitle03a {
	text-indent:-9999px;
	width:590px;
	height:38px;
	margin:70px 0 0 0;
	background:url(images/02_subtitle03.gif) no-repeat;
}
h3.subtitle01b {
	text-indent:-9999px;
	width:477px;
	height:42px;
	margin:30px 0 0 0;
	background:url(images/03_subtitle02.gif) no-repeat;
}
h3.subtitle02b {
	text-indent:-9999px;
	width:425px;
	height:42px;
	margin:30px 0 0 0;
	background:url(images/03_subtitle03.gif) no-repeat;
}
h3.subtitle03b {
	text-indent:-9999px;
	width:562px;
	height:34px;
	margin:30px 0 0 0;
	background:url(images/03_subtitle04.gif) no-repeat;
}
h3.subtitle01c {
	font-family:"ヒラギノ角ゴ Pro W3";
	font-size:20px;
	color:#0097e6;
	margin:30px 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #0097e6;
}
h3.subtitle01d {
	text-indent:-9999px;
	width:310px;
	height:19px;
	margin:20px 0 20px 8px;
	background:url(images/05_subtitle02.gif) no-repeat;
}
h3.subtitle02d {
	text-indent:-9999px;
	width:572px;
	height:37px;
	margin:70px 0 20px 8px;
	background:url(images/05_subtitle04.gif) no-repeat;
}


h4.point {
	text-indent:-9999px;
	width:397px;
	height:64px;
	margin:0 0 5px 0;
	background:url(images/point.gif) no-repeat;
}
h4.point2 {
	text-indent:-9999px;
	width:254px;
	height:28px;
	margin:0 0 10px 0;
	background:url(images/04_subtitle02.gif) no-repeat;
}
h4.minititle01 {
	text-indent:-9999px;
	width:558px;
	height:55px;
	margin:0 0 20px 8px;
	background:url(images/05_subtitle03.gif) no-repeat;
}
h4.minititle02 {
	text-indent:-9999px;
	width:569px;
	height:49px;
	margin:0 0 20px 8px;
	background:url(images/05_subtitle05.gif) no-repeat;
}

p.gototop a {
	color:#09c;
	margin:30px 0 0 0;
	float:right;
}
p.gototop a:hover {
	text-decoration:none;
	color:#03C;
}

#could {
	height:156px;
	padding:10px 20px;
	background:#f6f6f6;
}

#point {
	margin:50px 0 0 0;
	padding:12px;
	background:#ffe;
	border:1px dotted #06c;
}

dl#box01 {
	width:590px;
}
dl#box01 dt {
	width:360px;
	margin:0;
	padding:0;
	float:left;
}
dl#box01 dt em {
	font-style:normal;
	font-weight:bold;
}
dl#box01 dd {
	text-indent:-9999px;
	width:230px;
	height:192px;
	margin:0;
	padding:0;
	background:url(images/02_img01.jpg) no-repeat;
	float:left;
}

dl#box02 {
	width:590px;
}
dl#box02 dt {
	width:179px;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	border-right:1px dotted #ddd;
	float:left;
}
dl#box02 dd {
	width:390px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	float:left;
}
dl#box02 dt p,
dl#box02 dd p {
	margin:0 0 5px 0;
}
dl#box02 dt p.minititle,
dl#box02 dd p.minititle {
	font-family:"ヒラギノ角ゴ Pro W3";
	font-size:15px;
	font-weight:bold;
	color:#000;
}

dl#box03 {
	width:550px;
	margin:0;
	padding:0;
}
dl#box03 dt {
	width:205px;
	margin:0;
	padding:0;
	float:left;
}
dl#box03 dd {
	width:315px;
	margin:0;
	padding:0;
	float:right;
}

dl#box04 {
	width:590px;
	margin:0;
	padding:0;
}
dl#box04 dt {
	width:131px;
	margin:0 22px 0 0;
	padding:0;
	float:left;
}
dl#box04 dd {
	width:130px;
	margin:0;
	padding:0;
	float:left;
}
dl#box04 dt p,
dl#box04 dd p {
	line-height:18px;
	margin:5px 0 0 0;
}

dl.box05 {
	width:590px;
	margin:0;
	padding:0;
}
dl.box05 dt {
	width:279px;
	margin:0 31px 0 0;
	padding:0;
	float:left;
}
dl.box05 dd {
	width:280px;
	margin:0;
	padding:0;
	float:left;
}
dl.box05 dt p,
dl.box05 dd p {
	line-height:18px;
	margin:5px 0 0 0;
}

dl#box06 {
	width:503px;
	margin:0 0 0 30px;
	padding:0;
}
dl#box06 dt {
	width:229px;
	margin:0 46px 0 0;
	padding:0;
	float:left;
}
dl#box06 dd {
	width:228px;
	margin:0;
	padding:0;
	float:left;
}
dl#box06 dt p,
dl#box06 dd p {
	line-height:18px;
	margin:5px 0 0 0;
}

ul#img01 {
	list-style:none;
	width:466px;
	margin:25px 0 0 62px;
	padding:0;
}

ul.detail {
	list-style:none;
	margin:0 0 0 8px;
	padding:0;
}
ul.detail li {
	margin:0;
	padding:0 0 0 15px;
}
ul.detail li em {
	font-style:normal;
	font-weight:bold;
	margin:0 0 0 -15px;
}