body {
	text-align: center;
	background-color: #ffffff;
}

#container {
	width: 830px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #aaaaaa;
}

#header #topbox {
	width: 800px;
	margin: 0 15px;
}

#header span {
	font-size: 10px;
}

#header ul,
#header ul li {
	float: left;
}

#header #navi {
	width: 800px;
	height: 23px;
	margin: 0 auto;
	background: url(../img/menu_background.gif) repeat;
}

#header #navi ul {
	width: 600px;
	height: 22px;
	background: url(../img/menu_small.gif) no-repeat;
	position: relative;
	left: 100px;
}

#header ul li a {
	display: block;
	width: 150px;
	height: 23px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#contents {
	width: 800px;
	margin: 0 auto;
	background-color: #ff5d5e;
}

#contents:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

*html body #main {
	margin-left: 1px;
}

#main {
	float: left;
	width: 569px;
	padding-top: 5px;
	border-left: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	background-color: #FFFFFF;
}

#sub {
	float: left;
	width: 230px;
	background-color: #ff5d5e;
}

#sub h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

*html body #sub ul.photo_menu li { /*IE用 リスト幅*/
	margin-bottom: -4px;
}

#sub ul.photo_menu { /*Firefox用 センタリング*/
	margin: 0 10px;
	margin-bottom: 10px;
}

#sub ul.photo_menu li a {
	display: block;
	width: 210px;
	height: 73px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

*html body #sub ul.info { /*IE用 リスト幅*/
	margin-left: -10px;
}

#sub ul.info { /*Firefox用 センタリング*/
	padding-left: 10px;
}

*html body #sub ul.info li {
	padding-bottom: 0px;
}

#sub ul.info li {
	padding-bottom: 5px;
}

#sub ul.info li a {
	display: block;
	width: 210px;
	height: 52px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

*html body #sub img.img_blog {
	margin-bottom: 0px;
}

#sub img.img_blog {
	margin-bottom: 5px;
}

*html body #sub ul.sub_style1,
*html body #sub ul.sub_style2 {
	margin-left: 0px;
}

#sub ul.sub_style1 {
	text-align: left;
	margin: 5px 5px 10px;
	padding-left: 30px;
	font-size: 20px;
	font-weight: bold;
	list-style-image: url(../img/list_photo.gif);
}

#sub ul.sub_style1 li {
	margin-bottom: 8px;
	line-height: 0.9em;
}

#sub ul.sub_style1 li span{
	font-size: 13px;
	font-weight: normal;
}

#sub ul.sub_style2 {
	text-align: left;
	margin: 5px 5px 10px;
	padding-left: 30px;
	font-size: 13px;
	list-style-image: url(../img/list_photo.gif);
}

#sub ul.sub_style2 li a { /*文字の場所設定*/
	position: relative;
	bottom: 3px;
}

#sub ul.sub_style2 li span {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	bottom: 1px;
}

#sub ul.sub_style3 {
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 12px;
}

#sub #script {
	text-align: left;
	margin-left: 12px;
}

#sub #adobe {
	text-align: center;
	margin: 10px 10px 10px 0;
	padding-top: 5px;
	background-color: #FFF;
}

#sub #adobe p {
	font-size: 0.6em;
}

#sub #adobe img {
	margin: 0 auto 5px;
}

#footer {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding-top: 10px; /*clear上余白処理*/
	font-size: 0.8em;
	text-align: center;
	background-color: #ff5d5e;
}

#footer br {
	font-size: 5px;
}

#footer ul {
	margin-bottom: 0px;
}

#footer ul li {
	display: inline;
	color: #FFF;
	margin-right: 3px;
}

hr.dot {
	border-style: dotted none none none;
	border-top-width: 2px;
	border-top-color: #FFFFFF;
	height: 2px;
	margin: 3px 50px;
} 

#header ul li.navi_1 a:hover,
#header ul li.navi_1 a:active {
	background: url(../img/menu_small2.gif) no-repeat;
}

#header ul li.navi_2 a:hover,
#header ul li.navi_2 a:active {
	background: url(../img/menu_small2.gif) no-repeat -150px 0px;
}

#header ul li.navi_3 a:hover,
#header ul li.navi_3 a:active {
	background: url(../img/menu_small2.gif) no-repeat -300px 0px;
}

#header ul li.navi_4 a:hover,
#header ul li.navi_4 a:active {
	background: url(../img/menu_small2.gif) no-repeat -450px 0px;
}

#sub li.menu_1 a {
	background: url(../img/photo_menu_2.jpg) no-repeat;
}

#sub li.menu_2 a {
	background: url(../img/photo_menu_3.jpg) no-repeat;
}

#sub li.menu_3 a {
	background: url(../img/photo_menu_4.jpg) no-repeat;
}

#sub li.menu_4 a {
	background: url(../img/photo_menu_5.jpg) no-repeat;
}

#sub li.menu_5 a {
	background: url(../img/photo_menu_6.jpg) no-repeat;
}

#sub li.menu_6 a {
	background: url(../img/photo_menu_7.jpg) no-repeat;
}

#sub li.menu_7 a {
	background: url(../img/photo_menu_8.jpg) no-repeat;
}

#sub ul.photo_menu li a:hover {
	background-position: 0 -73px;
}

#sub li.mail a {
	background: url(../img/mail.gif) no-repeat;
}

#sub li.fee a {
	background: url(../img/fee.gif) no-repeat;
}

#sub ul.info li a:hover {
	background-position: 0 -52px;
}

a {
	text-decoration: none;
}

#sub ul.sub_style1 a:link {color: #FFFFFF;}
#sub ul.sub_style1 a:visited {color: #FFFFFF;}
#sub ul.sub_style1 a:hover {color: #FFAAAA;}

#sub ul.sub_style2 a:link {color: #FFFFFF;}
#sub ul.sub_style2 a:visited {color: #FFFFFF;}
#sub ul.sub_style2 a:hover {color: #FFAAAA;}

#footer li.list1 a:link {color: #FFFFFF;}
#footer li.list1 a:visited {color: #FFFFFF;}
#footer li.list1 a:hover {color: #FFAAAA;}

#qr {
	margin: 10px 23px;
}

#sub li.link a {
        background: url(../img/link.gif) no-repeat;
}
