@charset "utf-8";

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
#contents-area {
	position:relative;
	width:940px;
	margin:0px auto 0;
	text-align:left;
}

#menu-area {
	width:940px;
	margin-top:10px;
}

#menu-area ul.menu {
	letter-spacing:-0.4em;
	text-align:center;
}

#menu-area ul.menu li {
	margin-right:10px;
	padding-bottom:0px;
	letter-spacing:normal;
	display:inline-block;
	*display:inline;  
	*zoom:1;  
}
#menu-area ul.menu li.last {
	margin-right:0px;
}


#main-area {
	width:940px;
	margin-top:10px;
}

#contents-area .news-box h2 {
	color:#FFFFFF;
	font-size:1.05em;
	font-weight:normal;
	margin-bottom:5px;
	padding:4px 0px 4px 25px;
	background:#af8912 url(../../img/news_bg_l.gif) no-repeat;
}

#contents-area .box dl dt {
	padding:0 0 0 10px;
}

#contents-area .box dl dd {
	padding:0 0 0 10px;
}

#contents-area .box .half .left {
	width:440px;
}

#contents-area .box .half .right {
	width:440px;
}

#contents-area .box .trisection .left {
	width:286px;
	margin-left:20px;
}

#contents-area .box .trisection .center {
	width:286px;
	margin:0 21px;
}

#contents-area .box .trisection .right {
	width:286px;
	margin-right:20px;
}

#contents-area .box .quadrisection .left1 {
	width:210px;
}

#contents-area .box .quadrisection .left2 {
	width:210px;
}

#contents-area .box .quadrisection .right2 {
	width:210px;
}

#contents-area .box .quadrisection .right1 {
	width:210px;
}

#menu-bottom-area {
	width:940px;
	margin-top:10px;
}

#contents-area #menu-bottom-area .box {
	padding-bottom:10px;
}
#contents-area #menu-bottom-area .box.follow  {
	padding-bottom:0px;
}

#contents-area #menu-bottom-area .box.about {
	width:785px;
	float:left;
}

#contents-area #menu-bottom-area .box.follow {
	width:145px;
	float:right;
}

#contents-area #menu-bottom-area .box ul,
#contents-area #menu-bottom-area .box ol {
	margin:10px 12px 0;
}

#contents-area #menu-bottom-area .box dl {
	font-size:1em;
	padding:0px 12px 0;
}

#contents-area #menu-bottom-area .box table {
	width:743px;
	margin:20px 20px 10px;
	border-collapse: collapse;
}

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	padding: 5px;
	border: 1px solid #edc468;
	text-align:left;
}
#contents-area #menu-bottom-area .box table th{
	color:#443102;
	font-weight:normal;
	background-color:#f9e39a;
}

/* -----------------------------------------------------------------------------
 responsive
----------------------------------------------------------------------------- */
@media screen and (max-width:640px){

#contents-area {
	width:auto;
}

#menu-area {
	width:auto;
	float:none;
}

#menu-area ul.menu {
	letter-spacing:-0.4em;
	text-align:center;
}

#menu-area ul.menu li {
	width:56px;
	margin-right:5px;
	padding-bottom:0px;
	letter-spacing:normal;
	display:inline-block;
	*display:inline;  
	*zoom:1;  
}
#menu-area ul.menu li.last {
	margin-right:0px;
}

#main-area {
	width:auto;
	float:none;
}

#contents-area .box .half .left {
	width:auto;
	margin-left:0px;
	float:none;
}

#contents-area .box .half .right {
	width:auto;
	margin-right:0px;
	float:none;
}

#contents-area .box .trisection .left {
	width:auto;
	margin-left:0px;
	float:none;
}

#contents-area .box .trisection .center {
	width:auto;
	margin:0px;
	float:none;
}

#contents-area .box .trisection .right {
	width:auto;
	margin-right:0px;
	float:none;
}

#contents-area .box .quadrisection .left1,
#contents-area .box .quadrisection .left2 {
	width:auto;
	margin-left:0px;
	float:none;
}

#contents-area .box .quadrisection .right2,
#contents-area .box .quadrisection .right1 {
	width:auto;
	margin-right:0px;
	float:none;
}

#contents-area #menu-bottom-area {
	position:static;
	top:0px;
	right:0px;
	width:auto;
	margin-top:10px;
}

#contents-area #menu-bottom-area .box.about {
	width:auto;
	float:none;
}

#contents-area #menu-bottom-area .box.follow {
	width:auto;
	float:none;
}

#contents-area #menu-bottom-area .box dl {
	font-size:1em;
	padding:10px 10px 0;
}

#contents-area #menu-bottom-area .box table {
	width:auto;
	margin:10px 10px;
	display: block;
}

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	width:auto;
	padding: 0px;
	border: none;
	display: block;
	text-align:left;
}
#contents-area #menu-bottom-area .box table th{
	color:#443102;
	font-weight:normal;
	margin-top:10px;
	padding:0 0 0 10px;
	background:transparent url(../../img/ico_dt.gif) left center no-repeat;

}

#contents-area #menu-bottom-area .box table td {
	margin-left:0px;
	padding:0 0 0 10px;
	line-height:normal;
}

}