@charset "Shift_JIS";

/*
common
-------------------------------------------------------------------------------*/

body { 
	margin: 0;
	padding: 0;
	color: #231815;
	font-size: 62.5%;
	line-height: 100%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka,sans-serif;
}

div,pre,form,fieldset,p,blockquote { 
	margin: 0;
	padding: 0;
	text-align: left;	line-height: 1.5;
}

p,pre,blockquote,table {
	margin: 0;
	padding: 0;
	text-align: left;	line-height: 1.5;
}

input,textarea {
	margin: 0;
	padding: 1px;	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-weight: normal;
	text-align: left;
}

dl,ul { 
	margin: 0;
	padding: 0;
}

dt,dd {
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0;
	padding: 0;
	list-style:none;
}

ol li {
	margin: 0 0 0 20px;
	padding: 0;
list-style:none;
}

table {
	margin: 0;
	padding: 0;
}

th,td {

}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

fieldset,img {
	border: 0;
}

abbr,acronym {
	border: 0;
}

.floatLeft {
	float: left;
}

img .floatLeft {
	float: left;
	display: block;
}

.floatRight {
	float: right;
}

img .floatRight {
	float: right;
	display: block;
}

.topSpace {
	padding-top: 20px;
}

.topSpaceSmall {
	padding-top: 10px;
}

.goTop {
	width: 100%;
	padding: 15px 0 0;
	text-align: right;
}

.goTop a:link 	 { text-decoration: underline; }
.goTop a:visited { text-decoration: underline; }
.goTop a:hover 	 { text-decoration: underline; }


.underLine {
	padding-bottom: 15px;
	border-bottom: 8px solid #e6e6e6;
}

.clear {
	clear: both;
}

.clearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearFix {
	zoom: 100%;
}


/*
Link
-------------------------------------------------------------------------------*/

a:link 		{ color: #231815; text-decoration: none; }
a:active 	{ color: #231815; text-decoration: none; }
a:hover 	{ color: #E71F10; text-decoration: underline; }


/*
text
-------------------------------------------------------------------------------*/

.smallTxt {
	font-size: 0.8em;
}

td.smallTxt {
	font-size: 1.0em;
}

.bigTxt {
	font-size: 1.2em;
}

.normalTxt {
	font-weight: normal;
}

.boldTxt {
	font-weight: bold;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.strongTxt {
	color: #C72B55;
	font-weight: bold;
}


/*
color
-------------------------------------------------------------------------------*/

.red {
	color: #E71F10;
}


/*
container
-------------------------------------------------------------------------------*/

div#container {
	width: 656px;
	margin: 0 auto;
	padding: 0;
	/*font-size: 1.2em;*/
	border: 2px solid #ef845d;
	background: url(../img/common/bg.jpg);
}

#logo {
	padding: 20px 0;
	text-align: center;
}


/*
menu
-------------------------------------------------------------------------------*/

#menu {
	padding: 15px;
	background: url(../img/common/mark.gif) no-repeat #fbdac8 10px 3px;
}

	#areaMenu {
		width: 506px;
		float: right;
		margin-bottom: 7px;
	}

		#areaMenu li {
			width: 68px;
			height: 22px;
			float: left;
			overflow: hidden;
			padding-right: 5px;
		}

		#menu li.lastLi {
			padding-right: 0;
		}

	.menuSeparate {
		display: block;
		float: right;
		clear: right;
		margin-bottom: 7px;
	}

	#otherMenu {
		width: 495px;
		float: right;
	}

		#otherMenu li {
			width: 120px;
			height: 22px;
			float: left;
			overflow: hidden;
			padding-right: 5px;
		}


/*
contents
-------------------------------------------------------------------------------*/

#contents {
	width: 615px;
	margin: 0 20px;
	padding: 20px 0 0;
}