@charset "Shift_JIS";

/* ==============================
  css-top-index
=================================
head（トップページ用）
---------------------------------
main
---------------------------------
left
---------------------------------
right
============================== */

/* ---------------------------------------------
  head
--------------------------------------------- */
#head {
	width: 900px;
	height: 350px;
	background: url(../img/bg11.gif) no-repeat 75px 37px;
	position: relative;
}
#head h1 {
	width: 230px;
	height: 77px;
	background: url(../img/top_logo01.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	position: absolute;
	top: 117px;
	left: 324px;
}
#head h2 {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 12px;
	left: 80px;
	display: block;
}
#head li {
	font-size: 1px;
	line-height: 100%;
}
#head li a {
	height: 32px;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 100%;
	position: absolute;
	top: 287px;
	display: block;
}
#head li#head-topnav1 a {
	width: 121px;
	background: url(../img/head_topnav1.gif) no-repeat;
	left: 75px;
}
#head li#head-topnav2 a {
	width: 186px;
	background: url(../img/head_topnav2.gif) no-repeat;
	left: 196px;
}
#head li#head-topnav3 a {
	width: 146px;
	background: url(../img/head_topnav3.gif) no-repeat;
	left: 382px;
}
#head li#head-topnav4 a {
	width: 177px;
	background: url(../img/head_topnav4.gif) no-repeat;
	left: 528px;
}
#head li#head-topnav5 a {
	width: 120px;
	background: url(../img/head_topnav5.gif) no-repeat;
	left: 705px;
}
#head li#head-topnav1 a:hover {
	background: url(../img/head_topnav1.gif) no-repeat 0 -32px;
}
#head li#head-topnav2 a:hover {
	background: url(../img/head_topnav2.gif) no-repeat 0 -32px;
}
#head li#head-topnav3 a:hover {
	background: url(../img/head_topnav3.gif) no-repeat 0 -32px;
}
#head li#head-topnav4 a:hover {
	background: url(../img/head_topnav4.gif) no-repeat 0 -32px;
}
#head li#head-topnav5 a:hover {
	background: url(../img/head_topnav5.gif) no-repeat 0 -32px;
}

/* ---------------------------------------------
  main
--------------------------------------------- */

#main {
	width: 745px;
	padding-left: 5px;
}

/* ---------------------------------------------
  left
--------------------------------------------- */

#left {
	width: 480px;
	float: left;
}
#left p#top-txt {
	line-height: 1.7;
	padding-bottom: 30px;
}
#left h3#new {
	width: 480px;
	height: 46px;
	background: url(../img/h3_11.gif) no-repeat;
}
#left td {
	line-height: 1.7;
}
#left td.date {
	width: 90px;
	padding-right: 10px;
	color: #cc0099;
}
#left td.comment {
	width: 380px;
}
#left td.line {
	height: 17px;
	background: url(../img/line02.gif) repeat-x 0 8px;
}

#left #mendo-aria-head {
	width: 480px;
	height: 61px;
}
#left #mendo-aria-head h3 {
	width: 480px;
	height: 31px;
	padding-top: 30px;
	background: url(../img/top_menu_head.gif) no-repeat 0 30px;
	text-indent: -9999px;
	font-size: 1px;
}
#left #mendo-aria-center {
	width: 480px;
	background: url(../img/top_menu_center.gif) repeat-y;
}
#left #mendo-aria-center-inr {
	width: 440px;
	padding: 3px 20px;
}
#left #mendo-aria-center-inr li {
	padding: 0 15px 0 13px;
	background: url(../img/circle03.gif) no-repeat 0 6px;
	font-size: 12px;
	line-height: 1.7;
	float: left;
	
}
#left #mendo-aria-center-inr li a {
	color: #333333;
}
#left #mendo-aria-center-inr li a:hover {
	color: #999999;
	text-decoration: none;
}
#left #mendo-aria-foot {
	width: 480px;
	height: 12px;
	background: url(../img/top_menu_foot.gif) no-repeat;
}

/* ---------------------------------------------
  right
--------------------------------------------- */

#right {
	width: 224px;
	float: right;
}
#right h4#special {
	width: 224px;
	height: 13px;
	background: url(../img/h4_specialsite.gif) no-repeat 142px 0;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#right .side-r-head {
	width: 224px;
	height: 9px;
	background: url(../img/bg12.gif) no-repeat;
}
#right .side-r-foot {
	width: 224px;
	height: 9px;
	background: url(../img/bg13.gif) no-repeat;
	padding-bottom: 10px;
}
#right .side-r-center {
	width: 200px;
	background: url(../img/bg14.gif) repeat-y;
	padding: 0 12px;
}
#right .side-r-center li {
	background: url(../img/circle03.gif) no-repeat 0 6px;
	line-height: 1.5;
	padding-left: 13px;
}
#right .side-r-center p {
	line-height: 1.5;
}
#right .side-r-center p img {
	margin: 6px 0;
}

#right #number {
	width: 214px;
	padding: 0 10px 0 0;
	text-align: right;
}

#right .side-r-center2 {
	width: 200px;
	background: url(../img/bg14.gif) repeat-y;
	padding: 0 12px;
	text-align: center;
}
#right .side-r-center2 p {
	line-height: 1.5;
}
#right .side-r-center2 p#mob-add {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}