/* ------------------------------------------------------
Chance It! Layout Style
Last Update: 13 April 2005
------------------------------------------------------ */


/* #################### 共通要素 #################### */
body {
	background: url(/img/common/bg.gif);
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
}
input { height: 22px; font: 9pt ; font-family : "","u","verdana"}
select { height: 22px; font: 9pt ; font-family : "","u","verdana"}

td {background-repeat:no-repeat}

a:link {color: #00c;}
a:visited {color: #00c;}
a:hover {color: #00c;}
a:active {color: #00c;}

/*フォントカラ?*/
.blue { color: #00c;}

/*フォントカラ?*/
.red { color: #f00;}

/*フォントウェイト*/
.b { font-weight: bold;}

/*フォントサイズ小*/
.s { font-size: 11px;}

/*フォントサイズ大*/
.l { font-size: 15px;}

/*中見出し*/
.h3 { font-size: 14px; font-weight: bold;}

/*パンくずナビ*/
.bn { font-size: 10px;}

area{
border:none;
outline:none;
}

div,form,p {
	margin: 0;
	padding: 0;
}


td,th {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
}


img {
	border: 0;
}


noscript p {
	background: #ffff99;
	margin: 0;
	padding: 5px;
	border-bottom: 1px dashed #333;
}

    a:link { font-family: "","u","verdana"; font-size: 9pt; font-style: normal; color: #666666; text-decoration: none }
    
    a:visited { font-family: "","u","verdana"; font-size: 9pt; font-style: normal; color: #666666; text-decoration: none }
    
    a:hover { font-family: "","u","verdana"; font-size: 9pt; font-style: normal; color: #000000; text-decoration: underline}
    
    a.menu:link { font-family: "verdana"; font-size: 9pt; font-style: normal; color: #FFFFFF; text-decoration: none }
    
    a.menu:visited { font-family: "verdana"; font-size: 9pt; font-style: normal; color: #FFFFFF; text-decoration: none }
    
    a.menu:hover { font-family: "verdana"; font-size: 9pt; font-style: normal; color: #FFFFFF; text-decoration: underline}
    
    
    a.tit_sort:link { font-family: "verdana"; font-size: 9pt; font-style: normal; color: #FFFFFF; text-decoration: none }
    
    a.tit_sort:visited { font-family: "verdana"; font-size: 9pt; font-style: normal; color: #FFFFFF; text-decoration: none }
    
    a.tit_sort:hover { font-family: "verdana"; font-size: 9pt; font-style: normal; color: #FFFFFF; text-decoration: underline}
    
    
    .sub_tit { font-family: "", "u"; font-size: 14px; font-weight: bold}
    
    .main_tit { font-family: "", "u"; font-size: 16px; font-weight: bold; color: #000000}
    
    .btn_sty { font-family: "", "u"; font-size: 9pt; border: 1px none; border-color: #999999 #333333 #333333 #999999; background-color: #FFFFFF}
    
    .inputs { vertical-align:text-bottom ; height: 20px; font: 9pt ;font-family:"", "u","verdana" ;color: #666666;;border:1px ;border-style:solid; border-color:#999999; }
    
    .inputs_read { height: 15px; font: 9pt "", "u", "verdana";color: #666666;;border:0px #999999 solid; ; background-color: transparent;}
    
    .column { margin :15px 15px 20px 15px; text-align:justify ;line-height : 130%}
    
    .btn_member { font-size: 9pt; color: #FFFFFF; background-color: #FD921D; border-color: #FCCA92 #C97920 #C97920 #FCCA92; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
 
	.box_sm { font-family:"verdana"; font-size:11px; height:14pt; line-height:11pt }

	.bttn_sm { font-family:"verdana", "Gulim"; font-size:12px; height:15pt; line-height:11pt ;}
	.bttn_line {border: 1x solid #D9CAAD; background:#CCCBC6 ;font-family:"", "Gulim";font-size:12px; height:15pt; line-height:13pt;}
	.box_sm { font-family:"verdana"; font-size:11px; height:14pt; line-height:11pt }
	.box_line { font-family:"verdana"; font-size:12px; border: 1x solid #D9CAAD; background:#ffffff ; line-height: 14pt }

.padding_main {padding:10px 0px 20px 10px;}

.padding_recipe { margin : 5px 0px 0px 20px; text-align:justify;color: #444444;line-height:13pt }
.padding_cont01 { margin : 25px 20px 15px 50px; text-align:justify;color: #444444;line-height:13pt }
.padding_cont02 { margin : 25px 10px 15px 50px; text-align:justify;color: #444444;line-height:13pt }
.padding_com{padding:5px;line-height:15px;color:#646464;font-family: "";}


.padding_bouhai_border { margin : 0px 0px 10px 0px; border:5px solid #ddd; }
.padding_bouhai_title { 
font-size: 17pt; color: #fff; text-align: left; margin : 10px 0px 10px 0px; padding: 6px;
border-left: 5px solid #acf;
background: #336699; }
.padding_bouhai { margin : 30px 140px 50px 140px; text-align:justify; color: #333; 
font-size: 16px; line-height:18pt; }
.padding_bouhai_imgleft { margin-right:25px; }
.padding_bouhai_imgright { margin-left:25px; }


.padding_privacy_border { margin : 0px 0px 10px 0px; border:5px solid #ddd; }
.padding_privacy_title { 
font-size: 17pt; color: #fff; text-align: left; margin : 10px 0px 10px 0px; padding: 6px;
border-left: 5px solid #acf;
background: #336699; }
.padding_privacy { margin : 30px 140px 50px 140px; text-align:justify; color: #333; 
font-size: 13px; line-height:16pt; }
.padding_privacy li { margin : 10px 0px 10px 0px; }
.padding_privacy td { padding : 4px; }
.padding_privacy span { font-weight: bold; color: #333 }
.padding_privacy_right { text-align:right; }
.padding_privacy .tcen1, .tcen2 { text-align:center; }
.pp_left { margin : 0px 0px 0px 22px; }
.padding_privacy a { font-size:10pt; font-weight: bold; color: #0000ff; text-decoration: underline; }
.padding_privacy a:hover {	text-decoration: none; }

.padding_mail { margin : 10px 140px 10px 10px; }


.tbl_form_left01 {background-color:#F0EADE; font-weight: bold; color:#704B27; padding:5px 0px 0px 10px}
.tbl_form_left02 {background-color:#F0EADE; font-weight: bold; color:#704B27; padding:5px 0px 0px 0px}
.tbl_form_right01 {background-color:#FFFFFF; padding:4px 10px 4px 10px;}
.tbl_form_right02 {background-color:#FFFFFF; padding:15px 15px 15px 15px;text-align:justify;}
.tbl_form_right03 {background-color:#FFFFFF; padding:10px 15px 10px 15px;text-align:justify;}


#wrapper {
	background: #fff url(/img/common/wrapper_bg.gif) left top repeat-y;
	margin: 0;
	padding: 0 15px 0 0;
	width: 776px;
}

#wrapper {
	width: 761px;
}

* html #wrapper {
	width: 776px;
}
/**/


/* ############################## ヘッ? ############################## */
#header {
	background: #fff;
	width: 761px;
}


#header #hdci {
	width: 69px;
	height: 60px;
}


#header #hdtl {
	height: 34px;
}


#header #hdline {
	width: 692px;
	border-top: 2px solid #4765a6;
}


#header #hdnavi {
	margin-right: 10px;
	width: 232px;
}


#header #hdimg {
	width: 761px;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
}


/* ############################## ?ディ ############################## */
#container {
	width: 761px;
}


/* ############################## フッ? ############################## */
#footer {
	background: #4765a6;
	width: 761px;
}


#footer #fnbg {
	background: url(/img/common/ftnavi_bg.gif);
	width: 761px;
}


#footer #fnbg #ftnavi {
	margin-right: 11px;
}


#footer #copyright {
	margin: 22px 0 18px 0;
}


/* ############################## 左サイド ############################## */
#leftside {
	background: #ededed;
	width: 136px;
	vertical-align: top;
}


#leftside .sn {
	width: 136px;
}


#leftside .snhd {
	margin-top: 9px;
	width: 136px;
}


#leftside #pmark {
	background: #fff;
	margin: 18px 8px 16px 9px;
	width: 117px;
	height: 159px;
	border: 1px dotted #999;
}


#leftside #pmark .logo {
	margin: 13px 21px 11px 21px;
	width: 75px;
	height: 75px;
}


#leftside #pmark .txt {
	margin: 0 10px 15px 11px;
	width: 96px;
	height: 44px;
}


/* ############################## TOPセン?? ############################## */
#toppage #center {
	background: #fff;
	padding: 5px 12px 13px 14px;
	width: 412px;
	vertical-align: top;
}

/*\*/
#toppage #center {
	width: 386px;
}
/**/


#toppage #center table.topics {
	width: 385px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}


/* ############################## TOP右サイド ############################## */
#toppage #rightside {
	background: #fff;
	padding: 6px 8px 13px 0;
	width: 213px;
	vertical-align: top;
}

/*\*/
#toppage #rightside {
	width: 205px;
}
/**/


#toppage #rightside .bg {
	background: url(/img/top/leftside_bg.gif);
	width: 205px;
}


/* ############################## コンテンツ ############################## */
#conts {
	padding: 6px 12px 70px 13px;
	width: 625px;
}

/*\*/
#conts {
	width: 600px;
}
/**/


#conts table.list {
	border-top: 1px solid #4765a6;
	border-right: 1px solid #4765a6;
}


#conts table.list th {
	background: #c8cfdf;
	border-bottom: 1px solid #4765a6;
	border-left: 1px solid #4765a6;
	color: #036;
	vertical-align: top;
	
}


#conts table.list th.thd {
	background: #4765a6;
	border-bottom: 1px solid #4765a6;
	border-left: 1px solid #4765a6;
	color: #fff;
	text-align: left;
	vertical-align: top;
}


#conts table.list td {
	background: #EFEFEF;
	border-bottom: 1px solid #4765a6;
	border-left: 1px solid #4765a6;
	
}


#conts table.noborder {
	border: none;
}


#conts table.noborder th {
	background: #fff;
	border: none;
	color: #333;
	vertical-align: top;
}


#conts table.noborder td {
	border: none;
}

/* ############################## テキスト ############################## */
.p10 {	font-size: 10px;
		}
.p11 {	font-size: 11px;
		}
.p12 {	font-size: 12px;
		}
.p14 {	font-size: 14px;
		}