/* CSS Document */

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

                    Common Style

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

/* ------------ Format ------------ */
* {	margin:0;
	padding:0;
}
img {	border:none;}
ul,li {
	list-style:none;
	margin:0;
	padding:0;
}
.clear{
	clear:both;}

/* ------------ Font etc. ------------ */

.L    { font-size:14px; line-height:120%; }
.M    { font-size:12px; line-height:130%; }
.S    { font-size:10px; line-height:120%; }

.black { color:#000000; }
.red { color:#FF0000; }
.dRed { color:#990000; }
.vdRed { color:#330000; }
.gray { color:#666666; }
.white { color:#FFFFFF; }
.s_red { color:#FF0000; font-size:10px; }


.pd_clear {
	padding:0px !important;
	}

.pd_b05 {
	padding-bottom:5px;}

.pd_b10 {
	padding-bottom:10px;}

.pd_b15 {
	padding-bottom:15px;}

.pd_b20 {
	padding-bottom:20px;}

.pd_b30 {
	padding-bottom:30px;}

#mainNavi img, #leftNavi img{
vertical-align: top;}

/* ------------ LINK ------------ */
a:link	{ color:#900; text-decoration:none; }
a:visited	{ color:#900; text-decoration:none; }
a:hover	{ color:#4A2D2D; text-decoration:underline; }
a:active	{ color:#4A2D2D; text-decoration:underline; }

#leftNavi a:link ,#leftNavi a:visited,
#user a:link ,#user a:visited
{color:#000; text-decoration:none; }

#leftNavi a:hover ,#leftNavi a:active,
#user a:hover ,#user a:active
{ color:#900; text-decoration:underline; }

.arrow01,.arrow02{
	padding-left:10px;
	background-image:url(../img/arrow_01.gif);
	background-repeat:no-repeat;
	background-position:0em 0.15em;
}

.underline {text-decoration:underline !important; }

/* ------------ Form ------------ */
form, input, select{
	font-size:12px;
}
input, select, textarea{
	padding:2px;
	margin:0px 2px;
	
}


input.w150 {
	width:150px;}
input.w200 {
	width:200px;}
input.w300 {
	width:300px;}
textarea.w500 {
	width:500px;}

a.formBtn:link , a.formBtn:visited , a.formBtn:hover,a.formBtn:active {
	color:#000;
	background-image:url(../img/btn_bg01.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:4px 6px 3px 6px;
	text-decoration:none !important;
	line-height:100%;
	}


/* ------------ Layout ------------ */


body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:130%;
	background-color:#999999;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

.body {
	text-align:left;
	width:761px;
	background-color:#FFFFFF;
	margin:auto;
	}


/*/////////////////////////////////////////////
20070927修正*/	
.body:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.boby{display:inline-block;}
/* exlude MacIE5 \*/
* html .body{height:1%}
/* end MacIE5 */

/*/////////////////////////////////////////////
20070927修正*/


/* header */

#header {
	padding-bottom:10px;
	}
#header h1 {
	font-size:10px;
	background-color:#999999;
	font-weight:normal;
	}

#header .search {
	background-color:#D5D2C7;
	background-image:url(../img/head_bg.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	vertical-align:bottom;
	}

/*
/*  ■2007.2.21revision
/*	height:12px; add
/*	font-size:10px;  add
*/
#header .search .text {
	width:120px;
	font-size:10px; 
	margin-right:5px;
	padding:1px;
}
/*
/*  ■2007.2.21add
*/
#header .search .searchbt {
	height:80%; 
	font-size:10px; 
	padding:0px;
}
/*
/*  ■2007.2.21revision
/*	margin-bottom:6px;　→　margin-top:6px;
*/
#header .search form,#header .search .btn {
	margin-top:6px;
	}

#header #mainNavi {
	border-top:7px solid #330000;
	padding-bottom:10px;
	}
#header #mainNavi li {
	float:left;
	}
/*
/*  ■2007.2.21revision
/*	margin-top:6px;
*/
#header #user{
	margin-top:6px;
	font-size:10px;
	padding-right:4px;
	}
#header #user img {
	vertical-align:middle;
	margin-left:3px;
}
/*
/*  ■2007.2.21revision
/*	margin-bottom:5px; →　margin-bottom:2px;
*/
#header #user .user_name{
	border-bottom:1px solid #000;
	margin-bottom:2px;
	}
/*
/*  ■2007.10.11revision
/*	margin-bottom:100px; →　margin-bottom:5px;
*/
#header #user .link{
	text-align:right;
	margin-bottom:5px;
}

/* leftNavi */
#leftNavi {
	width:160px;
	float:left;
	clear:both;
	}
#leftNavi li {
	margin-bottom:3px;
	}
#leftNavi #itemList {
	background-color:#D5D2C7;
	padding:10px 0px 10px 10px;
	margin-bottom:8px;
	} 

#leftNavi #itemList h2, #leftNavi #itemList h3 {
	font-size:10px;
	background:url(../img/lnavi_line.gif) bottom no-repeat;
	font-weight:normal;
	padding-bottom:4px;
	margin-bottom:5px;
	} 
#leftNavi #itemList li {
	width:130px;
	font-size:10px;
	background:url(../img/arrow_01.gif) 0px 4px no-repeat;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	}
#leftNavi #contact {
	clear:both;
	margin-top:30px;
	margin-bottom:10px;
}




/* contents */

#contents {
	float:left;
	width:590px;
	margin-left:10px;
	}


/* footer */
#footer{
	clear:both;
	text-align:center;
	font-size:10px;
	width:761px;
}

#footer .link{
	border-bottom:7px solid #330000;
	}
#footer .copyright{
	background-color:#990000;
	color:#FFFFFF;
	}



/* ------------ clearfix ------------ */

.clearfix{
	display:inline-block;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac\*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide fromIE-mac */