@charset "utf-8";

/* CSS Document */


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

h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,th {
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}

hr {
	display: none;
}

a {
	text-decoration:none;
	outline : 0 ;
}

a:hover {
	outline : 0 ;
	text-decoration:underline;
}

ul, ol, li {
	list-style: none;
}

img {
	border: 0px;
}

body {
	margin-left: auto;
	margin-right: auto;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 13px;
}

#bgcolor {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
}

.t14_b {
	font-size: 14px;
	font-weight: bold;
}

.t15_b {
	font-size: 15px;
	font-weight: bold;
}

.t16_b {
	font-size: 16px;
	font-weight: bold;
}

#header {
	width: 946px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 5px;
	height: 105px;
	border-bottom: 2px solid #009900;
}

*html #header {
	padding-top: 20px;
}

#header #headerbox {
	margin-left: 20px;
	margin-right: 20px;
	width: 900px;
	height: 105px;
}

*html #header #headerbox {
	margin-top: 10px;
}

#headerlogo {
	width: 205px;
	height: 105px;
}

#headername {
	width: 600px;
	height: 40px;
	padding-top: 65px;
	padding-left: 96px;
}

#headerbar {
	width: 941px;
	height: 2px;
	margin-bottom: 15px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	background: #FFFFFF url(/design_default/img/contback.gif) repeat-y left top;
}

#mainarea {
	width: 950px;
	margin: 20px auto 30px;
}

.outerdisk .textarea {
	height: 90px;
}

#main {
	float: right;
	width: 630px;
	padding-bottom: 10px;
	margin-left: 30px;
	margin-right: 24px;
}

*html #main {
	margin-left: 20px;
	margin-right: 14px;
}

#container #mainarea #main .comBanner {
	text-align: center;
	margin-bottom: 30px;
}

#container #mainarea #main .introBanner {
	background: url(/design_default/img/introb.jpg) no-repeat right;
	height: 355px;
	width: 630px;
	margin-bottom: 20px;
}

#container #mainarea #main .introBanner .introtxt {
	display: block;
	width: 405px;
	height: 110px;
	padding: 240px 85px 5px 140px;
	font-size: 13px;
	line-height: 120%;
}

#container #mainarea #main .introBanner a {
	color: #000000;
}

#container #mainarea #main .introBanner a:visited {
	color: #000000;
}

#button_notes {
	width: 205px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;
}

#main .titleimg_top {
	margin-top: 30px;
}

#main .bgcolor_b p,#main .bgcolor_g p,#main .bgcolor_y p,#main .bgcolor_p p,#main .bgcolor_yg p,#main .bgcolor_pp p,#main .bgcolor_bw p {
	font-size:14px;
	line-height: 150%;
}

/*背景ピンク*/
.bgcolor_p {
	width: 610px;
	background-color: #FFECEC;
	padding: 10px;
}

/*背景パープル*/
.bgcolor_pp {
	width: 610px;
	background-color: #CCCCFF;
	padding: 10px;
}

/*背景ブルー*/
.bgcolor_b {
	width: 610px;
	background-color: #E3F4FF;
	padding: 10px;
}

/*背景グリーン*/
.bgcolor_g {
	width: 610px;
	padding: 10px;
	background-color: #E1FFE1;
}

/*背景イエローグリーン*/
.bgcolor_yg {
	width: 610px;
	background-color: #D0FF69;
	padding: 10px;
}

/*背景ブラウン*/
.bgcolor_bw {
	width: 610px;
	background-color: #F2EDE9;
	padding: 10px;
}

#main .bgcolor_b .link,#main .bgcolor_g .link,#main .bgcolor_yg .link,#main .bgcolor_y .link,#main .bgcolor_p .link,#main .bgcolor_pp .link,#main .bgcolor_bw .link {
	text-align: right;
	font-size: 14px;
	width: 610px;
	padding-top: 10px;
}

#main .bgcolor_g .w585 {
	padding-top: 10px;
	padding-left: 25px;
	width: 585px;
}

#main .bgcolor_g .introtxt {
	text-indent: -9999px;
	height: 215px;
	width: 610px;
	background: url(/design_default/img/flowimg.gif);
}

.bgcolor_y {
	width: 610px;
	background-color: #FFFEE1;
	padding: 10px;
}

#titleimg {
	margin-bottom: 10px;
}

#titleimg p {
	font-size:20px;
	font-weight:bold;
}

#bannerArea {
	width: 630px;
	margin-bottom: 50px;
}

#category {
	width: 610px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#categ_titlec {
	background: url(/design_default/img/t_click.gif) no-repeat;
	height: 40px;
	margin-bottom: 10px;
	width: 630px;
}

#categ_titles {
	background: url(/design_default/img/t_shop.gif) no-repeat;
	height: 40px;
	margin-bottom: 10px;
	width: 630px;
}

#categ_titlet {
	background: url(/design_default/img/t_toroku.gif) no-repeat;
	height: 40px;
	margin-bottom: 10px;
	width: 630px;
}

#categ_titlec p,#categ_titles p,#categ_titlet p {
	font-size:16px;
	font-weight:bold;
	height:30px;
	margin-left:65px;
	padding-top:12px;
	width:630px;
}

*html #categ_titlec p,*html #categ_titles p,*html #categ_titlet p {
	margin-left:0px;
	padding-left:60px;
	width:570px;
}

#category .categ_name {
	width: 100%;
	font-size: 14px;
}

#category .clickbtn,#category .shopbtn,#category .torokubtn {
	width: 210px;
	height: 90px;
	padding: 5px;
}

#category .clickbtn a {
	background-image:url(/design_default/img/bana_click.jpg);
	display: block;
	width: 200px;
	height: 80px;
	text-indent: -9999px;
}

#category .shopbtn a {
	background-image:url(/design_default/img/bana_shop.jpg);	
	display: block;
	width: 200px;
	height: 80px;
	text-indent: -9999px;
}

#category .torokubtn a {
	background-image:url(/design_default/img/bana_toroku.jpg);	
	display: block;
	width: 200px;
	height: 80px;
	text-indent: -9999px;
}

#category .categ_name .clickbtn a:hover {
	background-image:url(/design_default/img/bana_clickon.jpg);	
}

#category .shopbtn a:hover {
	background-image:url(/design_default/img/bana_shopon.jpg);	
}

#category .torokubtn a:hover {
	background-image:url(/design_default/img/bana_torokuon.jpg);
}

#recom {
	width: 630px;
	overflow: hidden;
	clear: both;
}

#recom .recom_title img,#new .new_title img {
	width: 630px;
	height: 40px;
	margin-top: 30px;
}

.new_0001 {
	text-align: right;
	font-size: 12px;
}

#contents_r {
	background: url(/design_default/img/contents_backmiddle.gif) repeat-y center center;
	width: 200px;
	float: left;
	margin-top: 10px;
}

#contents {
	background: url(/design_default/img/contents_backmiddle.gif) repeat-y center center;
	width: 200px;
	margin-left: 15px;
	float: left;
	margin-top: 10px;
}

#contents .outer,#contents_r .outer {
	background: url(/design_default/img/contents_backunder.gif) no-repeat center bottom;
	width: 200px;
}

#contents .outer .inner,#contents_r .outer .inner {
	background: url(/design_default/img/contents_backtop.gif) no-repeat center top;
	width: 200px;
}

#contents .outer .inner .innerdisc,#contents_r .outer .inner .innerdisc {
	padding-right: 10px;
	padding-left: 10px;
}

#contents .outer .inner .siteName,#contents_r .outer .inner .siteName {
	font-size: 10px;
	text-align: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
}

#contents .outer .inner .siteName h3,#contents_r .outer .inner .siteName h3 {
	font-size: 13px;
	color: #663300;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-weight: bold;
}

#contents .outer .inner .innerdisc .siteBanner,#contents_r .outer .inner .innerdisc .siteBanner {
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 60px;
	width: 120px;
}

#contents .outer .inner .innerdisc .siteText_back,#contents_r .outer .inner .innerdisc .siteText_back {
	background: #FFFFCC;
	padding: 5px;
}

#contents .outer .inner .innerdisc .siteText,#contents_r .outer .inner .innerdisc .siteText {
	font-size: 12px;
	line-height:130%;
	text-align: left;
	padding: 5px 5px;
	height: 160px;
	overflow:auto;
}

#contents .outer .inner .innerdisc .aboutpt,#contents_r .outer .inner .innerdisc .aboutpt {
	font-size: 13px;
	line-height:130%;
	height: 60px;
	padding: 10px 5px 5px;
	color: #FF0000;
	text-align: left;
}

#contents .outer .inner .innerdisc .btn_gotoSite ,#contents_r .outer .inner .innerdisc .btn_gotoSite{
	text-align: right;
	height: 24px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.pagetop {
	text-align: right;
	font-size: 12px;
	width: 900px;
	margin-bottom: 10px;
	padding-left: 26px;
	padding-right: 24px;
}

/*------------------------------------------
mainmenu
------------------------------------------*/
#mainmenu li {
	height: 50px;
	width: 200px;
	margin-bottom: 3px;
}

#mainmenu li a {
	height: 50px;
	width: 200px;
	display:block;
	text-indent: -9999px;
}

#mainmenu .bokin a {
	background: url(/design_default/img/btn_bokin.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
	margin-top: 2px;
}

#mainmenu .bokin a:hover {
	background: url(/design_default/img/btn_bokin_on.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
	margin-top: 2px;
}

#mainmenu .inquiry a {
	background: url(/design_default/img/btn_inquiry.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
}

#mainmenu .inquiry a:hover {
	background: url(/design_default/img/btn_inquiry_on.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
}

#mainmenu .agree a {
	background: url(/design_default/img/btn_agree.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
}

#mainmenu .agree a:hover {
	background: url(/design_default/img/btn_agree_on.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
}

#mainmenu .company a {
	background: url(/design_default/img/btn_company.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
}

#mainmenu .company a:hover {
	background: url(/design_default/img/btn_company_on.jpg) no-repeat left top;
	width: 200px;
	height: 50px;
}

/*------------------------------------------
subarea
------------------------------------------*/

#subarea {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	margin-left: 26px;
}

*html #subarea {
	margin-left: 16px;
}

#subarea #about {
	background-color: #E3F4FF;
	padding: 10px;
	text-align: left;
	margin-bottom: 20px;
}

#subarea #about p {
	text-align: left;
	margin-top: 10px;
	font-size:15px;
	font-weight:bold;
}

#about .sbtn_table {
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}

#about .s_clickbtn,#about .s_shopbtn,#about .s_torokubtn {
	text-indent: -9999px;
}

#about .s_clickbtn a {
	background: url(/design_default/img/sbana_click.gif);
	width: 71px;	
	height: 55px;
	display: block;
	background-repeat: no-repeat;
}

#about .s_clickbtn a:hover {
	background: url(/design_default/img/sbana_clickon.gif);
}

.clickbtntxt a {
	color: #FF6600;
}

#about .s_shopbtn a {
	background: url(/design_default/img/sbana_shop.gif);
	width: 71px;	
	height: 55px;
	display: block;
	background-repeat: no-repeat;
}

#about .s_shopbtn a:hover {
	background: url(/design_default/img/sbana_shopon.gif);
}

.shopbtntxt a {
	color: #FF3366;
}

#about .s_torokubtn a {
	width: 71px;
	height: 55px;
	display: block;
	background-image: url(/design_default/img/sbana_toroku.gif);
	background-repeat: no-repeat;
}

#about .s_torokubtn a:hover {
	background: url(/design_default/img/sbana_torokuon.gif);
}

.torokubtntxt a {
	color: #009900;
}

#subarea .bookmark {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#subarea .subcontents {
	border: 1px solid #E2DEC2;
	padding: 10px;
	text-align: left;
	margin-bottom: 20px;
}

#subarea .subcontents h3 {
	color: #CC6600;
	font-size: 13px;
	vertical-align: middle;
	margin-bottom: 10px;
	text-align: center;
}

#subarea .subcontents h4 {
	color: #009900;
	font-size: 12px;
	vertical-align: bottom;
}

#subarea .subcontents h5 {
	font-size: 11px;
}

#subarea .subcontents .p {
	font-size: 12px;
}

#subarea .green {
	color: #009900;
}

#subarea .blue {
	color: #3333CC;
}

#subarea .subcimg {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/*------------------------------------------
footer
------------------------------------------*/
#footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	height: 80px;
	text-align: right;
	line-height: 1.5em;
	color: #666666;
	border-top: 2px solid #009900;
}

#footer #footermenu {
	font-size: 90%;
	padding-left: 20px;
	padding-top: 10px;
}

#footer #footermenu a {
	color: #666666;
}

#footer #copyright {
	padding-top: 20px;
	text-align: center;
	font-size: 77%;
}

/*------------------------------------------
利用規約
------------------------------------------*/

.agreetxt {
	width: 598px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 1px solid #999999;
	font-size:12px;
	margin-top:10px;
	line-height: 140%;
}

/*------------------------------------------
新規会員登録
------------------------------------------*/

#regist_form {
	width: 480px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}

#regist_form .regist_table{
	width: 480px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 0px none #999999;
	border-left: 1px solid #999999;
}

#regist_form .regist_table th {
	background: #FFEC7F;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #999999;
	border-right: 1px dotted #999999;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-left-color: #999999;
	width: 35%;
	font-weight: normal;
	color:#663300;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#regist_form .regist_table td {
	text-align: left;
	border-bottom: 1px solid #999999;
	width: 65%;
	padding: 10px;
}

#regist_form .agreecheck{
	width: 480px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #999999;
	padding: 10px;
	text-align:center;
}

#regist_form .regist_submit td{
	padding: 15px;
	width: 480px;
	text-align:center;
}

/*------------------------------------------
運営会社
------------------------------------------*/

.company_form {
	width: 630px;
	padding: 15px 5px 5px 0px;
}

#main #companyinfo_table {
	border-top: 1px solid #330000;
	border-right: 1px solid #330000;
	border-bottom: 0px none #330000;
	border-left: 1px solid #330000;
	width: 100%;
}

#main .company_form #companyinfo_table th {
	background: #996600;
	text-align: left;
	font-size: 12px;
	padding: 5px 10px;
	border-bottom: 1px solid #330000;
	border-right: 1px dotted #330000;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #330000;
	border-left-color: #330000;
	width: 20%;
}

#inquiry .company_form #companyinfo_table span {
	font-size: 9px;
	color: #333333;
}

#main .company_form #companyinfo_table td {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	text-align: left;
	border-bottom: 1px solid #330000;
	width: 70%;
}

/*------------------------------------------
お問い合わせ
------------------------------------------*/

.inquiry_form {
	width: 630px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#main .inquiry_form p {
	text-align: left;
	font-size: 90%;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 130%;
}

#main #inquiry_table {
	border-top: 1px solid #009900;
	border-right: 1px solid #009900;
	border-bottom: 0px none #009900;
	border-left: 1px solid #009900;
	width: 100%;
}

#main .inquiry_form #inquiry_table th {
	background: #CEF8C6;
	text-align: left;
	font-size: 12px;
	padding: 5px 10px;
	border-bottom: 1px solid #009900;
	border-right: 1px dotted #009900;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #009900;
	border-left-color: #009900;
	width: 30%;
	font-weight: normal;
}

#inquiry .inquiry_form #inquiry_table span {
	font-size: 9px;
	color: #333333;
}

#main .inquiry_form #inquiry_table td {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	text-align: left;
	border-bottom: 1px solid #009900;
	width: 70%;
}

#main .inquiry_form #inquiry_table .form_border{
	border: 0px none #FFFFFF;
}

.inquiry_form .button_area {
	text-align: center;
	padding: 15px;
}

.inquiry_form .button_area button {
	height: 35px;
	width: 179px;
	background: #FFFFFF;
	border: 0px solid #FFFFFF;
}


/*------------------------------------------
募金方法
------------------------------------------*/
.pagetop_how {
	text-align: right;
	font-size: 12px;
	width: 630px;
	margin-bottom: 10px;
}



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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */