@charset "utf-8";

@import url("header.css");
@import url("footer.css");

/*--------------------------------------------------*/
/*                       Base                       */
/*--------------------------------------------------*/

body {
	font-family:MS PGothic,"MS P ゴシック",sans-selif,Verdana, Osaka,"qMmpS Pro W3","Hiragino Kaku Gothic Pro";
	_font-family:MS PGothic;
	font-size:100%;
	line-height:130%;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
	background-color:#cfc;
	background-image:url(/common/img/bgimg.gif);
	color:#333;
/*	overflow-x: hidden;*/
}

a:link,a:visited {
	color:#339;
	text-decoration:none;
}

a:hover, a:active {
	color:#339;
	text-decoration:underline;
}

img {
	border-width:0px;
	border-style:none;
}

li {
	list-style-type:none;
}

strong {
	font-weight:bold;
}

p {
	margin:0px;
	padding:0px;
}

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

/*--------------------------------------------------*/
/*                     Clearfix                     */
/*--------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; /*IE7*/
}

/* Hide IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}

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

#wrapper {
	width:800px;
	margin:0 auto 0 auto;
}


#main_box {
	width:800px;
}


#colum3 {
	padding-right:1px;	/* Win IE Only */
	padding-right:0;	/* Hide Win IE */
}

#colum2 {
	padding-right:1px;	/* Win IE Only */
	padding-right:0;	/* Hide Win IE */
}


.in {
	margin: 5px 10px 0 10px;
}

.in_l {
	margin: 0 6px 0 4px;
}

.line_200 {
	width:200px;
	height:5px;
	margin:0 6px 0 4px;
	background-image:url(/common/img/dotline_200.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

.line_350 {
	width:350px;
	height:5px;
	margin:0 6px 0 4px;
	background-image:url(/common/img/dotline_350.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

.line_545 {
	width:545px;
	height:5px;
	margin:10px 0 10px 0;
	background-image:url(/common/img/dotline_545.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

.line_570 {
	width:570px;
	height:5px;
	margin:0 6px 0 4px;
	background-image:url(/common/img/dotline_570.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

.line_790 {
	width:790px;
	height:5px;
	margin:0 6px 0 4px;
	background-image:url(/common/img/dotline_790.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}
/*--------------------------------------------------*/
/*               3 Colums Base Layout               */
/*--------------------------------------------------*/

#cl3 #left {
	width:210px;
	float:left;
}

#cl3 #rightgroup {
	width:580px;
	float:right;
}

#cl3 #center {
	width:360px;
	float:left;
}

#cl3 #right {
	width:210px;
	float:right;
}

/*--------- 3 Colums - Colum Left Layout -----------*/

#cl3 #left .top {
	width:210px;
	height:10px;
	background-image:url(/common/img/frame_210_1.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl3 #left .box {
	width:210px;
	background-image:url(/common/img/frame_210_2.gif);
	background-position:1px top;
	background-repeat:repeat-y;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl3 #left .bottom {
	clear:both;
	width:210px;
	height:10px;
	margin-bottom:10px;
	background-image:url(/common/img/frame_210_3.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

/*--------- 3 Colums - Colum Center Layout ---------*/

#cl3 #center .top {
	width:360px;
	height:10px;
	background-image:url(/common/img/frame_360_1.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl3 #center .box {
	width:360px;
	background-image:url(/common/img/frame_360_2.gif);
	background-position:1px top;
	background-repeat:repeat-y;
	/* Hide Mac IE \*/	
	background-position:left top;
	/*  */
}

#cl3 #center .bottom {
	/*clear:both;*/
	width:360px;
	height:10px;
	margin-bottom:10px;
	background-image:url(/common/img/frame_360_3.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

/*---------- 3 Colums - Colum Right Layout ---------*/

#cl3 #right .top {
	width:210px;
	height:10px;
	background-image:url(/common/img/frame_210_1.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl3 #right .box {
	width:210px;
	background-image:url(/common/img/frame_210_2.gif);
	background-position:1px top;
	background-repeat:repeat-y;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl3 #right .bottom {
	clear:both;
	width:210px;
	height:10px;
	margin-bottom:10px;
	background-image:url(/common/img/frame_210_3.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

/*--------------------------------------------------*/
/*-------------- 2 Colums Base Layout --------------*/
/*--------------------------------------------------*/

#cl2 #left {
	width:210px;
	float:left;
}

#cl2 #right {
	width:580px;
	float:right;
}

/*--------- 2 Colums - Colum Left Layout -----------*/

#cl2 #left .top {
	width:210px;
	height:10px;
	background-image:url(/common/img/frame_210_1.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl2 #left .box {
	width:210px;
	background-image:url(/common/img/frame_210_2.gif);
	background-position:1px top;
	background-repeat:repeat-y;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl2 #left .bottom {
	width:210px;
	height:10px;
	margin-bottom:10px;
	background-image:url(/common/img/frame_210_3.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

/*---------- 2 Colums - Colum Right Layout ---------*/

#cl2 #right .top {
	width:580px;
	height:10px;
	background-image:url(/common/img/frame_580_1.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl2 #right .box {
	width:580px;
	background-image:url(/common/img/frame_580_2.gif);
	background-position:1px top;
	background-repeat:repeat-y;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#cl2 #right .bottom {
	width:580px;
	height:10px;
	margin-bottom:10px;
	background-image:url(/common/img/frame_580_3.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}


/*--------------------------------------------------*/
/*----------------- 1 Colum Layout -----------------*/
/*--------------------------------------------------*/


#main_box .top {
	width:800px;
	height:10px;
	background-image:url(/common/img/frame_800_1.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#main_box .box {
	width:800px;
	background-image:url(/common/img/frame_800_2.gif);
	background-position:1px top;
	background-repeat:repeat-y;
	/* Hide Mac IE \*/	
	background-position:left top;
}

#main_box .bottom {
	width:800px;
	height:10px;
	margin-bottom:10px;
	background-image:url(/common/img/frame_800_3.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	/* Hide Mac IE \*/	
	background-position:left top;
}

/*--------------------------------------------------*/
/*-------------------- Position --------------------*/
/*--------------------------------------------------*/

.fl {
	float:left;
}

.fr {
	float:right;
}

.clr {
	clear:both;
}

.al {
	text-align:left;
}

.ac {
	text-align:center;
}

.ar {
	text-align:right;
}

.vat {
	vertical-align:top;
}

.vam {
	vertical-align:middle;
}

.vab {
	vertical-align:bottom;
}

/*--------------------------------------------------*/
/*---------------------- Text ----------------------*/
/*--------------------------------------------------*/

.s {
	font-size:x-small;
	line-height:130%;
}

.m {
	font-size:small;
	line-height:130%;
}

.l {
	font-size:medium;
	line-height:150%;
}

.stx {
	font-size:x-small;
	line-height:150%;
}

.mtx {
	font-size:small;
	line-height:150%;
}

.mtx-b {
	font-size:small;
	font-weight:bold;
	line-height:150%;
}

.ltx {
	font-size:medium;
	line-height:150%;
}

.ltx-b {
	font-size:medium;
	font-weight:bold;
	line-height:150%;
}

.re {
	color:#c00;
}

.pi {
	color:#f66;
}

.gr {
	color:#393;
}

.bl {
	color:#369;
}

.space {
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

.totop{
	font-size:small;
	line-height:150%;
	text-align:right;
	margin:20px 20px 0 auto;
}