@charset "utf-8";

/*common*/
*{margin:0;padding:0;}
html{overflow-y:scroll;}

/*div, p{/zoom:1;}
div:after, p:after{content:'';display:block;clear:both;}*/

body{margin:0;padding:0;font-size:80%;line-height:150%;font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;color:#333;background:url(../images/common/bg.jpg) left top repeat;}

#wrapper{width:100%;text-align:left;margin:0 auto;}
.w940{width:940px;margin:0 auto;}
.w960{width:960px;margin:0 auto;}



/*header*/
h1{background:#096;}
h1 span{width:940px;margin:0 auto;font-size:10px;font-weight:normal;line-height:normal;color:#fff;display:block;padding:7px 0;}
#header{height:75px;overflow:hidden;border-bottom:5px solid #096;}
#header .w940{background:url(../images/common/header.jpg) right top no-repeat;}

/* pagebody */
#pagebody{background:url(../images/common/page-bg.jpg) left top repeat-x;padding:20px 0 0;}

h2{}


#article{width:700px;float:right;}
.appeal01{
	/* background:url(../images/appeal-bg.jpg) right top no-repeat; */
	padding:0 140px 0 0;
}
.appeal02{background:url(../images/appeal02-btm.jpg) center bottom no-repeat;}
.appeal02 table{background:url(../images/appeal02-top.jpg) center top no-repeat;width:700px;}
.appeal02 th{width:39px;}
.appeal02 td{padding:10px;}
.appeal02 li{line-height:normal;list-style-type:none;border-left:6px solid #f60;padding-left:9px;}

/* navigation */
#nav{width:220px;float:left;}
#nav ul{list-style-type:none;margin:0 0 10px;}
#nav li{height:40px;overflow:hidden;}
#nav li img{vertical-align:bottom;}
#nav .profile{padding:10px;background:url(../images/common/navi/profile-btm.jpg) center bottom no-repeat;font-size:86%;line-height:150%;}

/* footer */
#footer{clear:both;width:940px;margin:0 auto;padding:35px 0;}
.textlink{clear:both;font-size:86%;line-height:normal;padding:10px 0;}
.pagetop{background:url(../images/common/copyright.jpg) left top no-repeat;text-align:right;}

/* index */
.wn{width:100%;}
.wn th{text-align:left;font-weight:normal;padding:4px 0;vertical-align:top;}
.wn td{padding:4px 0;vertical-align:top;}

/* profile */
.tb1{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;margin:0 0 10px;}
.tb1 th{background:#efefef;border-width:1px;border-style:solid; border-color:#fff #ccc #ccc #fff;padding:4px 8px;text-align:left;width:120px;line-height:normal;}
.tb1 td{border-width:1px;border-style:solid;border-color:#fff #ccc #ccc #fff;padding:4px 8px;line-height:normal;}
.tb1 .decimal, .tb1 .disc{margin:0;}

/*inquiry - form*/
.tb2{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;margin:0 0 10px;}
.tb2 th{background:#efefef;border-width:1px;border-style:solid; border-color:#fff #ccc #ccc #fff;padding:4px 8px;text-align:left;width:160px;line-height:normal;}
.tb2 td{border-width:1px;border-style:solid;border-color:#fff #ccc #ccc #fff;padding:4px;line-height:normal;}

.agree{margin:0 0 10px;padding:0 0 10px;text-align:center;border-bottom:1px dotted #666;}
.contbtn{text-align:center;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;}
input[type="text"], select{border:1px solid #ccc;padding:2px;}
input:focus[type="text"]{border:1px solid #06c;padding:2px;}
textarea{font-size:100%;border:1px solid #ccc;padding:2px;width:99%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:75%;}

/* link */
a:focus{outline:none;}
a:link, a:visited, a:active{color:#f60;text-decoration:underline;}
a:hover{color:#096;text-decoration:underline;}

/* general-purpose */
.title01{border-bottom:3px solid #000;padding:0 0 5px;margin:0 0 10px;}
.title02{border-left:5px solid #000;padding:0 0 0 10px;margin:0 0 10px;}
.title03{color:#000;margin:0 0 10px;}
.bb1{border-bottom:1px dotted #000;padding:0 0 10px;margin:0 0 10px;}

img{border:none;}

.clr{clear:both;}
.pg-brk{page-break-before:always;}

/* Paging
---------------------------------------------------- */
div.paging{line-height:normal;background-color:#efefef;padding:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-size:xx-small;font-family:Arial, Helvetica, sans-serif;margin-bottom:20px;}
div.paging span.current,div.paging span a.paging-text{margin:0px 5px;padding:4px 8px;border:1px solid #999;background:#fff;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.current{background:#ddd;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging span a.paging-text:hover{color: #f60;background:#333;cursor:pointer;background-color:#fff;background:#fc9;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging img { vertical-align: middle; }

/* table */
.full{width:100%;}
.tb0{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;margin:0 0 10px;}
.tb0 th{background:#efefef;border-width:1px;border-style:solid; border-color:#fff #ccc #ccc #fff;padding:4px 8px;text-align:left;width:80px;}
.tb0 td{border-width:1px;border-style:solid;border-color:#fff #ccc #ccc #fff;padding:4px 8px;}

/* align */
.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}

/* float */
.left{float:left;}
.right{float:right;}

.w040{width:40px;}
.w200{width:200px;}
.w220{width:220px;}
.w240{width:240px;}
.w600{width:600px;}
.w660{width:660px;}

/* list */
.noicon{list-style-type:none;margin:0 0 10px;padding:0;}
.noicon li{margin:0;padding:0;}
.disc{list-style-type:disc;margin:0 0 10px;padding:0;}
.disc li{margin-left:24px;padding:0;}
.square{list-style-type:square;margin:0 0 10px;padding:0;}
.square li{margin-left:24px;padding:0;}
.decimal{list-style-type:decimal;margin:0 0 10px;padding:0;}
.decimal li{margin-left:24px;padding:0;}

/* decoration */
.red{color:#c00;}
.blue{color:#06c;}
.green{color:#096;}
.yellow{color:#ffc;}
.cyan{color:#0cc;}
.orange{color:#f60;}

/* margin padding */
.mb00{margin-bottom:0;}
.mb02{margin-bottom:2px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb35{margin-bottom:35px;}

.bg-grn{background:url(../images/appeal02-bg.jpg) right center no-repeat;}

.inner{padding:0 10px;}

.attention{margin:0 0 10px;}
.attention th{vertical-align:top;}
.attention td{vertical-align:top;}

.brdbtm {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #333333;
}


@media print{
#pagebody{background-image:none;padding:20px 0 0;}	
	}