/*------------------- COLOR CSS  -------------------*/

.red-b  { color: #ff0000; font-weight: 600; }
.red-bl  { color: #0000ff; font-weight: 600; }

/*----------------- BG COLOR CSS  ------------------*/


.bglgray-b	{ background-color: #f2f2f2;
              font-weight: 600; }

.bgly-b	{ background-color: #FFF799;
              font-weight: 600; }
              
 .bgly-red	{ background-color: #ffff00;
              font-weight: 600;
              color: #ff0000; }

/*--------------  FONT SIZE CSS  -------------------*/

.size-sss	{ font-size: 10px; 	}
.size-ss	{ font-size: 12px; 	}
.size-s		{ font-size: 15px; 	}
.size-m  	{ font-size: 18px; 	}
.size-l  	{ font-size: 20px; 	}
.size-2l 	{ font-size: 24px; 	}
.size-3l 	{ font-size: 30px; 	}
.size-4l 	{ font-size: 32px; 	}



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


html{ height:100%; }

body{
	position: relative;
	margin: 0px;
	padding : 0px;
	height: 100%;
	text-align: center;
	background: #fff url(images/back.gif) repeat;
	}

p { margin: 10px 10px 30px 20px; 
    line-height:140%; }


a { text-decoration:underline; }
a:link		{ color: #00f; }
a:visited	{ color: #00f; }
a:hover		{ color: #ff0033; }
a:active 	{ color: #0066ff; }


strong { font-weight: 400; }

img { border : 0px;
      margin-bottom: 5px; }

.r
 {
 float: right;
 margin: 0px 0px 10px 20px;
 }

.c { text-align: center; }



#container
	{
	position: relative;
	margin: 0 auto;
	top : 0px;
	padding-bottom : 10px;
	width: 700px;
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
	text-align: left;
	line-height:150%;
	background-color: #fff;
	border-right-width : 1px;
	border-right-style : solid;;
	border-right-color : #666;
	border-left-width : 1px;
	border-left-style : solid;;
	border-left-color : #666;
	border-bottom-width : 1px;
	border-bottom-style : solid;;
	border-bottom-color : #666;
	}


h1
	{
	position: absolute;
	top : 5px;
	left : 13px;
	width : 100%;
	height : 15px;
	text-align:left;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
	padding-top : 3px;
	padding-left : 10px;
	}
	


#header
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 40px;
	font-size: 19px;
	font-weight: 900;
	color: #fff;
	z-index: 0;	
	}



#header a { text-decoration:none; }

#header a:link{ color: #333333; }
#header a:hover{ color: #333333; }
#header a:visited{ color: #333333; }

	



#main
	{
	position: relative;
	top : 40px;
	left : 0px;
	width : 700px;
	height : auto;
	margin-bottom : 50px;
	background-color : #fff;
	padding: 0px;
	text-align: left;
	}



	
#contents
	{
	position: relative;
	top : 0px;
	left : 40px;
	width : 610px;
	height : auto;
	margin-bottom : 50px;
	background-color : #fff;
	padding: 0px;
	text-align: left;
	}

ul
	{
	padding: 0px 5px 0px 0px;
	list-style-type: disc;
	}

li
	{
	margin-left : 15px;
	margin-bottom : 20px;
	}



.mail
	{
	text-align:center;
	}

.bottom-link
	{
	text-align:left;
	padding :5px 0px ;
	border-top-width : 1px;
	border-top-style : solid;;
	border-top-color : #ccc;

	border-bottom-width : 1px;
	border-bottom-style : solid;;
	border-bottom-color : #ccc;
	}



.b { font-weight : 900; }


.mini
    {
	font-size : 11px;
	color : #666;
	line-height:130%;
	}	
	
	
/*----------フッター----------*/
	
#footer
	{
	position: relative;
	top : 10px;
	left : 10px;
	width : 630px;
	height : auto;
	margin: 0px 2px 0px 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#fff;
	}
	
/*----------コピーライト----------*/

	
.copyright
	{
	font-size : 12px;
	color : #666;
	text-align: center;
	
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #ccc;
	background-color: #FFFFFF;

	}


/*----------わく----------*/

#waku
	{
	position: relative;
	top : 0px;
	left : 20px;
	width : 580px;
	height : auto;
	
	background-color : #fff;
	padding :10px ;
	border-width : 1px;
	border-style : solid;
	border-color : #999;
	text-align: left;
	}





/*----------罫線----------*/

	
.hr
    {
	border-width: 1px 0px 0px 0px;
	color: #E1E1DF;
	border-style: none;
	clear: both;
    }




/*----------お問い合わせフォーム----------*/

.input-box
 {
 margin: 15px 0px ; 
 text-align: left;

 }

.input-box p
	{
	margin-bottom: 15px; 
	}

.input-title
 {
 padding : 2px 0px 2px 10px ;
 font-size : 14px;
 font-weight : 600;
 color : #666;
 background-color : #95DCDB;
 }


.input-box form
 {
 width : 525px;
 height : auto;
 margin-left: 20px;
 font-size : 13px;
 text-align: left;

 color : #333;
 padding : 10px ;

 border-width : 1px;
 border-style : solid;
 border-color : #666;
 }

.input-box label
 {
 font-weight : 900;
 margin-left: 30px; 
 margin-bottom: 0px; 
 }

.input-box textarea
 {
 width : 100%;
 } 
 
 
 /*----------テーブル----------*/

table
 {
 margin-left : 10px;
 width : 510px;
 height : auto;
 font-size : 12px;
 font-weight : 400;
 background-color : #fff;
 border-width : 1px;
 border-style : solid;
 border-color : #999;
 border-collapse: collapse;
 }

td
 {
 text-align: left;
 padding : 5px ;
 border-width : 1px;
 border-style : solid;
 border-color : #999;
 }
 
 th
 {
 text-align: center;
 padding : 5px ;
 border-width : 1px;
 border-style : solid;
 border-color : #999;
 background: #FFF;
 }