@charset "utf-8";



/* =========================================================



Menu  :

	1.UNIVERSAL-RESET

	2.BASE-SET

	3.WIRE-FRAME

	4.PART STYLE

		4-1 underHeader

		4-2 breadcrumbs

		4-3 footer

	5.SUB STYLE

		5-1 BANNER

		5-2 VOTE

	6.COMMON STYLE



========================================================= */



/* 1.UNIVERSAL-RESET

--------------------------------------------------------- */

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

p,

blockquote,

th,

td {

	margin: 0;

	padding: 0;

}



body {

	background: #fff;

}



input,

textarea {

	margin: 0;

}



table {

	font-size: 100%;

	border-spacing: 0;

	border-collapse: collapse;

}



fieldset,

img {

	border: 0;

}



address,

caption,

cite,

code,

dfn,

em,

th,

var {

	font-style: normal;

	font-weight: normal;

}



ol,

ul {

	list-style: none;

}



caption,

th {

	text-align: left;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

	line-height: 1;

}



abbr,

acronym {

	border: 0;

}



a {

/* \*/

	overflow: hidden;

/* */

}



/* 2.BASE-SET

--------------------------------------------------------- */



/* FONT-LIB */



body,

input,

select,

textarea {

	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;

	font-size: 13px;

}



* html body {

	font-size: small; /* for IE6 */

}



*:first-child+html body {

	font-size: small; /* for IE7 */

}



* html table {

	font-size: 100%; /* for IE6 table */

}



.px10 {

	font-size: 77%;

}



.px11,

.xs {

	font-size: 85%;

}



.px12,

.s {

	font-size: 93%;

}



.px13,

.m {

	font-size: 100%;

}



.px14 {

	font-size: 108%;

}



.px15,

.l {

	font-size: 116%;

}



.px16,

.xl {

	font-size: 123%;

}



.px17 {

	font-size: 131%;

}



.px18 {

	font-size: 138%;

}



.px19 {

	font-size: 146%;

}



.px20 {

	font-size: 153%;

}



.px21 {

	font-size: 161%;

}



.px22 {

	font-size: 167%;

}



.px23 {

	font-size: 174%;

}



.px24 {

	font-size: 182%;

}



.px25 {

	font-size: 189%;

}



.px26 {

	font-size: 197%;

}



/* CLEAR-FIX */



.clfix:after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}



*:first-child+html .clfix {

	display: inline-block;

	min-height: 1%;

}



/* Hides from IE6/IE Mac \*/

* html .clfix {

	height: 1%;

}



.clfix {

	display: block;

}



/* End hide from IE6/IE Mac */



/* 3.WIRE-FRAME

--------------------------------------------------------- */



html {

	overflow-y: scroll; /* CSS3 */

}



#header {

	background-color: #352315;

	margin: 0 auto;

	width: 950px;

}



#underHeader {

	background-color: #352315;

	height: 76px;

	margin: 0 auto;

	width: 960px;

}





#navigationArea{

	background-color: #d97322;

	color: #fff;

	margin: 0 auto 15px auto;

	overflow: hidden;

	padding: 4px;

	width: 952px;

}



#contents {

	margin: 0 auto;

	width: 950px;

}



#main {

	float: left;

	width: 710px;

}



#sub {

	display: inline;

	float: right;

	width: 230px;

}



#footer {

	margin: 0 auto;

	text-align: center;

	width: 950px;

}





*html #contents {

	position: relative;

}

*html #sub {

	left: 720px;

	position: absolute;

}





/* 4.PART STYLE

--------------------------------------------------------- */



/* 4-1.underHeader */

#underHeader .logoArea {

	float: left;

	position: relative;

}



#underHeader .logoArea strong {

	background: url("../img/common/logo.png") no-repeat center center;

	display: block;

	height: 60px;

	margin: 8px 0 0 10px;

	overflow: hidden;

	text-indent: -9999px;

	width: 187px;

}



#underHeader .logoArea p.contentsText {

	background: url("../img/common/contents_text.png") no-repeat center center;

	display: block;

	height: 45px;

	left: 200px;

	margin: 8px 0 0 10px;

	position: absolute;

	text-indent: -9999px;

	top: 10px;

	width: 360px;

}



#underHeader .discriptionArea {

	float: right;

	margin: 5px;

	text-align: right;

}



#underHeader .discriptionArea .glovalLink {

}



#underHeader .discriptionArea ul {

	margin-right: -12px;

	overflow: hidden;

}



#underHeader .discriptionArea li {

	background: url("../img/common/listline_white.png") no-repeat 100% center;

	display: inline;

}



#underHeader .discriptionArea li a {

	color: #fff;

	margin-right: 12px;

}



#underHeader .discriptionArea #gnavi a{

	background: url("../img/common/gnavi_logo.png") no-repeat center center;

	color: #fff;

	display: block;

	height: 32px;

	margin: 12px 4px 6px 0;

	text-align: left;

	text-indent: -9999px;

	width: 169px;

}



/* 4-2.breadcrumbs */

#navigationArea ul#breadcrumbsLink {

	float: left;

	margin-left: -15px;

}



#navigationArea ul#breadcrumbsLink li {

	background: url("../img/common/breadcrumbs.png") no-repeat 6px center;

	display: inline;

	padding-left: 15px;

}



#navigationArea ul#breadcrumbsLink li a {

	color: #ffffff;

}



#navigationArea ul#breadcrumbsLink li strong {

/*	font-weight: normal;*/

}



#navigationArea ul#utilityLink {

	float: right;

}



/* 4-3.footer */

#footer #toTop {

	text-align: right;

}



#footer #toTop a {

	background: url("../img/common/up.png") no-repeat right center;

	padding-right: 12px;

}



#footer-links li {

	display: inline;

}



#footer-copyright {

	border-top: 1px solid #ccc;

	margin-bottom: 10px;

	margin-top: 5px;

	padding-top: 10px;

	text-align: center;

}

#footer-copyright span#quittance {

	display: block;

	font-size: 10px;

	margin-bottom: 15px;

}



/* 5.SUB STYLE

--------------------------------------------------------- */

/* 5-1.bannerTopAd */



#sub #bannerTopAd {

	margin-bottom: 20px;

}



#sub #bannerTopAd span.title {

	color: #d97322;

	display: block;

	float: left;

	font-weight: bold;

	text-align: right;

	width: 25px;

}



#sub #bannerTopAd .bannerBlock {

	float: right;

	width: 200px;

}





/* 5-2.vote */

#sub #vote {

	background: url("../img/common/vote_bg.png") no-repeat left top;

	height: 350px;

	left: -18px;

	position: relative;

	top: 0;

	width: 300px;

	z-index: 2;

}



#sub #vote .voteButton a {

	background: url("../img/common/vote_btn.png") no-repeat left top;

	display: block;

	height: 36px;

	text-indent: -9999px;

	width: 250px;

}



/* 6.COMMON STYLE

--------------------------------------------------------- */





body {

	background: url("../img/common/main_bg.png") repeat left top;

	color: #352315;

}



a {

	color: #98203e;

	text-decoration: none;

}



a:hover {

	color: #7caa1b;

	text-decoration: underline;

}