/* ページ全体 */
body {
	font-family: "Verdana", "Osaka","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3";
	font-size: small;
	margin: 0px;
	padding: 0px;
	color#666666;
	line-height: 130%;
	letter-spacing: 1px;
}
a {color:#27d;text-decoration:none;}
a:hover {color:#039;text-decoration:none;}

body,td,input { font-size:9pt ; line-height:120% }
.INDEX { background-color:#FFCC66 }

img{border: none; margin: 0px; padding: 0px;vertical-align: middle;}

#container{width: 700px; margin: 0px auto;}




.hr {
	width: 100%;
	color: #aaa;
	border: dotted;
	height: #888 1px solid;
	clear: left;
}

.strong {
	color: #27d;
	line-height: 150%;
}

em {
	color: #f00;
	font-style: normal;
	line-height: 150%;
}

ul {margin: 5px 0px 5px 0px; padding: 0px; list-style: none;letter-spacing: 0px;}

select {
	border: #888 1px solid;
	color: #666;
}


/* サイドバー */
div#sidebar	{width: 180px;
	float: right;
	margin-bottom: 25px}

ul.sidemenu	{font-size: 0.85em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	line-height: 0}

ul.sidemenu li	{list-style-type: none}

ul.sidemenu li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
	background-color: #005087;
	border-bottom: solid 1px #ffffff;
	font-size: 0.95em;
	padding-left: 10px

}

ul.sidemenu li a:hover	{background-color: #017acd}

p.feed	{margin-bottom: 10px}

p.feed a	{font-size: 0.95em;
	color: #444444;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #888888;
	padding: 5px}

p.feed img	{border: none;
	vertical-align: middle}

#second{

width: 600px;

margin-left:auto;
margin-right:auto;
background-color:#FFCC66 ;
border: solid 1px #000000; 

}


#care {
	color: #f00;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 150%;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

#font_red {
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

#font_blue {
	color: #27d;
}
#login form {margin: 0px;padding: 0px;}

.input {
	width: 100px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border: #888 1px solid;
	display: block;
}

.input2 {
	height: 18px;
	width: 102px;
	margin: 10px auto 0px auto;
	border: #888 1px solid;
	background: #ddd;
	color: #666;
	font-weight: bold;
	display: block;
	cursor: pointer;
}

.input3 {
	margin: 0px;
	padding: 0px;
	border: #888 1px solid;
}

.input4 {
	height: 18px;
	width: 102px;
	border: #888 1px solid;
	background: #ddd;
	color: #666;
	font-weight: bold;
	cursor: pointer;
}
.input5{
	width: 300px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border: #888 1px solid;
	display: block;
}


#title {
	width: 700px;
	margin: 0px auto ;
	padding: 0px;
}

#menu{
	width: 700px;
	margin: 0px auto;
	padding: 0px;
	clear: left;
}

#menu p{
	width: 138px;
	border-left: #888 1px solid;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
	letter-spacing: 5px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu a {
	color: #27d;
	background-color: #def;
	padding: 3px;
	display: block;
	font-weight: bold;
	text-align: center;
}

#menu a:hover { color: #777; background-color: #fff; }


#left{
	width: 500px;
	margin: 20px 5px 0px 0px;
	float: left;
}

.left_t{
	width: 450px;
	padding: 0px 0px 0px 40px;
	font-weight: bold;
	color: #666;
	line-height: 220%;
	background-image : url(/img/left_t.gif);
	letter-spacing: 3px;
	background-repeat: no-repeat;
}

.left_m{
	padding: 10px 20px 15px 15px;
}

.left_newuser{
	margin: 20px 0px 20px 0px;
	padding: 5px;
	font-weight: bold;
	background: #ffc;
	text-align: center;
	border: 1px #aaa solid;
}

.input {
	width: 100px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border: #888 1px solid;
	display: block;
}

.input2 {
	height: 18px;
	width: 102px;
	margin: 10px auto 0px auto;
	border: #888 1px solid;
	background: #ddd;
	color: #666;
	font-weight: bold;
	display: block;
	cursor: pointer;
}

.input3 {
	margin: 0px;
	padding: 0px;
	border: #888 1px solid;
}

.input4 {
	height: 18px;
	width: 102px;
	border: #888 1px solid;
	background: #ddd;
	color: #666;
	font-weight: bold;
	cursor: pointer;
}
.input5{
	width: 300px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border: #888 1px solid;
	display: block;
}




#right{
	clear: right;

	width: 170px;
	margin: 20px 25px 0px 0px;
	float: right;
}

#right li{
background : url(/img/mark.gif) no-repeat 0px 70%;
 padding-left: 18px;
}

.right_top {
	width: 170px;
	padding: 20px 15px 20px 15px;
	background : url(/img/right_top.gif) no-repeat;
}

.right_bottom {
	width: 200px;
	height: 6px;
	background : url(/img/right_bottom.gif) no-repeat;
}

.right_bottom hr {display:none;}

.right_s_top {
	width: 150px;
	margin: 0px;
	padding: 15px 10px 5px 10px;
	background : url(/img/rights_top.gif) no-repeat;
}

.right_s_top a {padding: 2px 2px 2px 3px;}
.right_s_top a:hover {background: #def; border: 1px #9BC4E3 dotted; padding: 2px;}

.right_s_bottom {
	width: 170px;
	margin: 0px 0px 15px 0px;
	height: 6px;
	background : url(/img/rights_bottom.gif) no-repeat;
}

.right_s_bottom hr {display:none;}

.right_form_t {
	background-color: #ace;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 180%;
	margin: 0px;
	text-align: center;
}

.right_form_m1 {
	padding: 10px 10px 0px 10px;
	background-color: #fff;
}

.right_form_bg{background: #fff url(/img/step_bg1.gif) no-repeat 50%;}

.right_form_m2 {
	padding: 10px 10px 15px 10px;
	background-color: #fff;
	line-height: 100%;
	text-align: center;
}

#info {
        width 500px;
	margin: 0px 5px 20px 0px;
	padding: 0px;
	border: 0px #777 ;
	text-align: left;
	line-height: 130%;
}


.float
      {
         float: left;
         margin-right: 1em;
      }
.floatclear
      {
         clear: both;
      }

#info h3 {background-color: #e0e0e0;
	background-image: url(/kawatsu/css/img/bar-green.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0}






#info p{
	padding: 5px 10px;
	margin: 0px;
	font-weight: bold;
}

/* コンテンツ */
div#content	{width: 564px;
	margin-left: auto;
	margin-right: auto;
	float: left}

div#content h2	{background-color: #014471;
	background-image: url(/kawatsu/css/img/bar-blue.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-bottom: 0}

div#content h3	{background-color: #e0e0e0;
	background-image: url(/kawatsu/css/img/bar-green.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0}

div#content p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}

#font_red {
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

#font_blue {
	color: #27d;
}

#title_font {
	width: 100%;
	font-weight: bold;
	font-size: medium;
	filter: shadow(color=#adcce4,direction=120,strength=3);
	color: #27d;
	margin: 5px auto 15px auto;
	text-align: center;
	letter-spacing: 5px;
}

.link_t{
	padding: 0px 10px;
	font-weight: bold;
	color: #27d;
	line-height: 180%;
	letter-spacing: 3px;
	border-left: #ace 10px solid;
	border-bottom: #ace 1px solid;
	border-top: #ace 1px solid;
	border-right: #ace 1px solid;
}

.link_m{
	padding: 10px 20px 15px 15px;
}

.m-box-b { background-color:#008000; }
.m-box-i { background-color:#DFFFD7;
           font-size: small;
 }

.clear {clear: left;}
.gray {border-collapse: collapse; width: 100%; letter-spacing: 0px;}
.gray td {border: 1px #888 solid;padding: 5px; letter-spacing: 0px;}
.mailform {border-collapse: collapse; letter-spacing: 0px;}
.mailform td {border: 1px #888 solid;padding: 3px; letter-spacing: 0px; text-align: center;}

.white {border-collapse: collapse; width: 98%; letter-spacing: 0px;}
.white td {padding: 10px 0px 10px 0px; letter-spacing: 0px;}
td.top {background-color: #def; width: 100%; text-align: center; font-weight: bold;letter-spacing: 3px;}
td.top2 {background-color: #ffc; width: 100%; text-align: center; font-weight: bold;letter-spacing: 1px;}
td.w1 {background-color: #eef7ff; width: 35%;}
td.w2 {background-color: #fff; width: 65%;}
td.w3 {background-color: #eef7ff; width: 20%;}
td.w4 {background-color: #fff; width: 80%;}
td.w5 {background-color: #fff; width: 100%;}
td.w6 {background-color: #eef7ff; text-align: left;}
td.w7 {background-color: #fff; text-align: left; color: #27d; font-weight: bold;}

td.send1 {width: 33%;border-bottom: 1px #9BC4E3 dotted;}
td.send2 {width: 67%;border-bottom: 1px #9BC4E3 dotted;}
td.send3 {width: 33%;}
td.send4 {width: 67%;}

td.db1 {width: 33%;border-bottom: 1px #9BC4E3 dotted;}
td.db2 {width: 67%;border-bottom: 1px #9BC4E3 dotted;}
td.db3 {width: 33%;}
td.db4 {width: 67%;}

td.get1 {width: 40%;border-bottom: 1px #9BC4E3 dotted;}
td.get2 {width: 60%;border-bottom: 1px #9BC4E3 dotted;}
td.get3 {width: 40%;}
td.get4 {width: 60%;}


.merit {border-collapse: collapse; width: 99%; letter-spacing: 0px; margin-top: 10px;}
.merit td {padding: 10px 10px 10px 0px; letter-spacing: 0px;}

td.merit1 {border-bottom: 1px #ccc dotted; font-weight: bold; vertical-align: middle;}
td.merit2 {font-weight: bold; vertical-align: middle;}
td.merit3 {text-align: center; border-bottom: 1px #ccc dotted;}

td.pass1 {background-color: #eee; width: 27%;}
td.pass2 {background-color: #fff; width: 73%;}
td.pass3 {background-color: #eef7ff; width: 27%;}

#send {background-color: #fff; margin: 15px auto 0px auto; text-align: center;}


#copyright{
	width: 700px;
	font-size: x-small;
	color: #000000;
        margin-left:  auto;
        margin-right:  auto;
	padding:  5px 0px 0px 0px;
	border-top: solid 1px #000000;
	text-align: center;
	clear: both}