@charset "utf-8";

/* ---------------------------------------------------------------
	* Date : 2008-1
	* File : designContents.css
	* Copyright © 2008 Technos Japan Co., Ltd. All rights reserved.
--------------------------------------------------------------- */

body {
	color:#595959;
	text-align: center;
	background-color: #fbfbf1;
	line-height: 1.4em;
}

/* ------------ *01 link property ------------ */

a {	text-decoration: underline;;}
a:link {	color: #7d85b5; text-decoration: underline;}
a:visited {	color: #7d85b5;}
a:active {	color: #7d85b5;}
a:hover {	color: #7d85b5; text-decoration: none; }

/* ------------ *02 layout Base ------------ */

#container {
	width: 565px;
	margin: 0 auto;
	text-align: left;
}

#bodySec { width: 565px; margin: 0 auto;}
#footSec { width: 565px; margin: 10px auto 0;}


/* ------------ *03 fotter section ------------ */

#footSec #copyright {
	display: block;
	width: 565px;
	height: 35px;
	background: url(../img_common/copyright.jpg) no-repeat left top;
	text-indent: -9999em;
}

/* ------------ *04 page section ------------ */

/**** page contents ****/

#contents {
	width: 565px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background: url(../img_common/dotline.gif) repeat-x bottom;
}
#contents .txtArea {
	width: 535px;
	margin: 0 15px;
	text-align: left;
}

#contents h4 {
	font-weight: bold;
	padding: 2px 0 2px 5px;
	margin: 10px 0 5px;
	background-color: #f8f8e2;
	border-left: 15px solid #e5e5c7;
	border-bottom: 2px solid #d8d7ac;
	border-right: 1px solid #d8d7ac;
}
#contents h5 {
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 10px 0 5px;
	background: url(../img_common/icon_01.gif) no-repeat left center;
}

/**** page top ****/

.pagetop {
	width: 75px;
	height: 15px;
	margin: 10px 0 0 475px;
}
.pagetop a {
	display: block;
	width: 75px;
	height: 15px;
	background-image: url(../img_common/btn_pagetop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
}
.pagetop a:hover {
	display: block;
	height: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

/* ------------ *07 common ------------ */

/* hideAncher */
#pagetop {
	position: absolute;
	top: -1px;
	left: -1px;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* float set */

.odd	{ float: left; margin: 5px 10px 5px 0;}
.even	{ float: right; margin: 0 0 5px 10px;}
.oddBox	{ float: left;}
.evenBox{ float: right;}

/* align set */

.alignLeft	{ text-align: left;}
.alignCenter{ text-align: center;}
.alignRight	{ text-align: right;}

.notice { color:#c60000; font-size: 10px; margin-top: 10px;}


/* ------------ tools ------------ */

/* float reset */

/* .clearfix class wraps enclosing block element around inner floated elements */
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* ------------ property resset ------------ */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}
body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;font-style:normal;font-weight:normal;}
fieldset,img,object{border:0; vertical-align:bottom;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
ul {list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
hr {display: none; }

/* ------------ font property ------------ */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {
	font-size:12px;
	font-family: Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Lucida Grande", Arial, Helvetica, sans-serif;
	*font-size:small;
	*font:x-small;
}
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.4em;}

table {font-size:inherit;font:100%;}


/* ------------ link property ------------ */

/*\*/
a {overflow: hidden;}
/**/

/* ------------ layout property ------------ */

#alpha, #beta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}
@media print {
	/*
		text-indent RESET
	*/
	
	/* common > title */
	#contents h3{
		height: 20px;
		font-weight: bold;
		background-image: none;
		text-indent: 0;
		border-bottom: 3px solid #757eb2;
	}
		
}