@charset "UTF-8";


/* FEEZERO */


::selection			{ background: #ff0; text-shadow: none; }
::-moz-selection	{ background: #ff0; text-shadow: none; }
a		{ color:#33c; }
a:link	{ color:#33c; }
a:visited { color:#111; }
a:hover	{ color:#f00; }
a:active, a:focus {outline:none;}
h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:normal; }
ul, ol { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0;}
iframe { margin:0 0 -5px; padding:0;}

html, body { height:100%; }

body {
	background:#111 url(../img/body_bg.png) repeat-y center top;
	font:12px/1.5 "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',　Meiryo, "ＭＳＰゴシック", Geneva, Arial, Verdana, sans-serif;
	color:#111;
	}
	#page {
	background:#fff;
	position:relative;
	width:980px;
	min-height:100%;
	height:auto !important;
	height: 100%;
	margin:auto;
	
	overflow:hidden;
	_zoom: 1;
	}
	.ie6 body {
	height:auto;
	}


#header {
	background:url(../img/head_bottombg.png) no-repeat left bottom;
	position:relative;
	padding:80px 0 10px;
	}
	#feezero {
	position:absolute;
	background:url(../img/head_feezero.png);
	width:82px;
	height:0;
	padding-top:19px;	
	left:14px;
	top:12px;
	overflow:hidden;
	}
	#company_bar {
	background:url(../img/head_company.png);
	height:0;
	padding-top:40px;
	overflow:hidden;
	}
	#title {
	background:#111 url(../img/head_title.png);
	height:0;
	padding-top:360px;
	overflow:hidden;
	}
	#contact_box {
	background:url(../img/head_contact.png);
	position:absolute;
	left:625px;
	top:5px;
	width:350px;
	height:0;
	padding-top:90px;
	overflow:hidden;	
	}
	a#btn_mail {
	background:url(../img/head_contact_btn.png);
	position:absolute;
	left:271px;
	top:11px;
	width:68px;
	height:0;	
	padding-top:68px;
	overflow:hidden;
	}
	a#btn_mail:hover {
	background:url(../img/head_contact_btn.png) left bottom;
	}
	

#menu {
	background:#0d0d0d;
	border-bottom:20px solid #0d0d0d;
	height:50px;
	padding:0 20px;
	}
	#menu li {
	float:left;
	}
	#menu a {
	display:block;
	float:left;
	width:157px;
	height:0;
	padding-top:50px;
	overflow:hidden;
	}
	#m1 a, #m6 a {
	width:156px;
	}
	#m1 a { background:url(../img/menu.png) 0 top; }
	#m2 a { background:url(../img/menu.png) -156px top; }
	#m3 a { background:url(../img/menu.png) -313px top; }
	#m4 a { background:url(../img/menu.png) -470px top; }
	#m5 a { background:url(../img/menu.png) -627px top; }
	#m6 a { background:url(../img/menu.png) -784px top; }
	
	#m1 a:hover, #m1 a.current { background-position: 0 -50px; }
	#m2 a:hover, #m2 a.current { background-position: -156px -50px; }
	#m3 a:hover, #m3 a.current { background-position: -313px -50px; }
	#m4 a:hover, #m4 a.current { background-position: -470px -50px; }
	#m5 a:hover, #m5 a.current { background-position: -627px -50px; }
	#m6 a:hover, #m6 a.current { background-position: -784px -50px; }



#footer {
	clear:both;
	background:url(../img/foot_bg.png) no-repeat left bottom;
	position:absolute;
	left:0;
	bottom:0;
	width:980px;
	height:140px;
	overflow:hidden;
	text-align:center;
	}
	.ie6 #footer, .ie7 #footer {
	position:relative;	
	}
	#copyright {
	line-height:100px;
	}

#footmenu {
	}
	#footmenu ul {
	background:#0d0d0d;
	height:40px;
	letter-spacing: -0.4em;
	}
	#footmenu li {
	border-right: 1px solid #fd1;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin:12px 0;
	padding:0 10px;
	letter-spacing:normal;
	line-height:16px;
	overflow:hidden;
	}
	#footmenu li:last-child {
	border: none;
	}
	#footmenu a {
	color:#fd1;
	text-decoration:none;
	}
	#footmenu a:hover {
	color:#f60;
	}




#content {
	float:right;
	width:700px;
	margin: 20px 20px 140px 0;
	}
	#sidebar {
	float:left;	
	width:220px;
	margin: 20px 0 140px 20px;
	}
	#content:after, #sidebar:after {
	content: " "; 
	display: block; 
	clear: both;
	}
	.ie7 #content, .ie7 #sidebar {
	margin-bottom:0;
	}
	.ie6 #content, .ie6 #sidebar {
	display: inline;
	margin-bottom:0;
	/*overflow:hidden;
	_zoom: 1;*/
	}
	
	.bnr_box {
	margin-bottom:20px;	
	}
	#bnr_why {
	margin-top: -10px;	
	}
	.content_box {
	margin-bottom:20px;
	}

#bnr_7steps {
	background:url(../img/top_bnr_7steps.png);
	width:220px;
	height:340px;
	}
	#bnr_7steps header {
	height:0;
	padding-top:225px;
	overflow:hidden;	
	}
	#bnr_7steps form {
	position:relative;
	width:200px;
	height:125px;
	margin:0 auto 0;	
	}
	#bnr_7steps label {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:45px;
	margin-left:10px;
	font-size:11px;
	}
	#bnr_7steps input[type=text] {
	width:130px;
	margin:0 0 10px;
	padding:0;
	font-size:12px;
	}
	#bnr_7steps input[type=submit] {
	position:absolute;
	left:10px;
	bottom:30px;
	background:url(../img/top_7steps_btn.png);
	width:180px;
	height:0;
	margin:0;
	padding: 30px 0 0;
	border:none;
	-webkit-appearance: none;
	overflow:hidden;
	}
	#bnr_7steps input[type=submit]:hover {
	background-position:left bottom;
	}
	.ie7 #bnr_7steps input[type=submit] {
	position:relative;
	left:auto;
	bottom:auto;
	padding:auto;
	margin:0 10px;
	height:30px;
	}
	
	
#c_3features {
	background:url(../img/top_3features_wood.png) no-repeat left bottom;
	padding-bottom:15px;
	}
	#c_3features header {
	background:url(../img/top_3features_wood.png) no-repeat left bottom;
	padding-bottom:15px;
	}
	#c_3features header p {
	background:url(../img/top_m_3features.png);
	height:0;
	margin:0;
	padding-top:30px;
	overflow:hidden;
	
	-webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px; 
    -moz-border-radius-topright: 2px;
	/*border-radius:2px;*/
	}
	
	#c_3features h1 {
	background:url(../img/top_3features.png);
	width:700px;
	height:0;
	padding-top:100px;
	overflow:hidden;
	}
	#c_3features_body {
	background:url(../img/top_3features_cork.png);
	}
	#c_3features_body ul {
	margin:0 0 0 20px;
	padding-bottom:20px;
	overflow:hidden;
	_zoom: 1;
	}
	#c_3features_body li {
	position: relative;
	background:#fff;
	float:left;
	width:214px;
	margin:20px 9px 0 0;
	}
	
	#c_3features .title {
	position: relative;
	width:214px;
	height:0;
	padding-top:111px;
	margin-top:-6px;
	overflow:hidden;
	}
	#feature1 .title { background:url(../img/top_3features_m1.png); }
	#feature2 .title { background:url(../img/top_3features_m2.png); }
	#feature3 .title { background:url(../img/top_3features_m3.png); }
	
	#c_3features_body p {
	width:180px;
	margin:15px auto 15px;	
	}
	
	#c_3features_body strong {
	font-weight:bold;
	color:red;	
	}
	


#c_schedule {
	background:#ffff8d;
	border-bottom:10px solid #1d1d1d;
	/*border-right:1px solid #eff288;*/
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
	#c_schedule h1 {
	background:url(../img/top_m_schedule.png);
	height:0;
	padding-top:40px;
	overflow:hidden;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
	#c_schedule .description {
	padding:5px 16px;
	}
	#schedule_text {
	position:relative;
	background:url(../img/top_schedule_bg.png);
	border:1px solid #effaff;
	margin:0 10px 20px;
	padding:9px 20px;
	}
	
	#schedule_text:after {
	background:url(../img/top_schedule_clip.png);
	content: "";
	position:absolute;
	left:-17px;
	top:-10px;
	display: block; 
	width:58px;
	height:40px;	
	}
	.oldie #schedule_text:after {
	display:none;	
	}


#c_partner {
	background:#1d1d1d;
	padding-bottom:10px;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
	#c_partner h1 {
	background:url(../img/top_m_partner.png);
	height:0;
	padding-top:30px;
	overflow:hidden;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
	#c_partner ul {
	border-right:1px solid #eff288;
	margin-bottom:-1px;
	overflow:hidden;
	}
	#c_partner li {
	border-bottom:1px solid #e5e588;
	}
	#c_partner li:last-child {
	border: none;
	}
	#c_partner a {
	background:#ffff8d;
	display:block;
	height:30px;
	padding:0 10px;
	line-height:30px;
	text-decoration:none;
	color:#111;
	}
	#c_partner a:hover {
	/*background:#ffcb90;
	color:#f30;*/
	background:#ffdb19;
	color:#f30;
	}



/* PAGE */


#content {
	}

#bc_navi {
	background:url(../img/page_bc_bg.png);
	height:30px;
	padding:0 10px;
	line-height:30px;
	}
	#bc_navi a {
	color:#111;
	text-decoration:none;
	}
	#bc_navi a:hover {
	color:#f00;
	}

.main_content {
	background:#f6eed0;
	/*background:#ede3b8;*/
	margin-bottom:20px;
	padding:20px;
	
	/*overflow:hidden;
	_zoom: 1;*/
	}
	.main_content:after {
	content: " "; 
	display: block; 
	clear: both;
	}
	.ie6 .main_content{
	/*display: inline;*/
	width:660px;
	overflow:hidden;
	_zoom: 1;
	}

.page_title {
	height:0;
	padding-top:90px;
	overflow:hidden;
	}
	#schedule .page_title { background:url(../img/t_schedule.png); }
	#sell .page_title { background:url(../img/t_sell.png); }
	#column .page_title { background:url(../img/t_column.png); }
	#voice .page_title { background:url(../img/t_voice.png); }
	#company .page_title { background:url(../img/t_company.png); }
	#free .page_title { background:url(../img/t_why.png); }
	

/* PAGE: SCHEDULE */

#schedule_box {
	background:url(../img/top_schedule_bg.png);
	position:relative;
	border:1px solid #effaff;
	padding:9px 20px;
	}
	#schedule_box:after {
	background:url(../img/top_schedule_clip.png);
	content: "";
	position:absolute;
	left:-27px;
	top:-8px;
	display: block; 
	width:58px;
	height:40px;	
	}
	.oldie #schedule_box:after {
	display:none;	
	}



/* PAGE: SELL */

#sell_flowchart {
	width:660px;
	margin-bottom:-20px;
	
	/*overflow:hidden;
	_zoom: 1;*/
	}
	.ie7 #sell_flowchart {
	margin-bottom:0;
	}
	#sell_flowchart li {
	background:url(../img/sell_downarrow.png) no-repeat 190px bottom;
	padding-bottom:30px;
	margin-bottom:4px;
	}
	.ie6 #sell_flowchart li, .ie7 #sell_flowchart li  {
	padding-bottom:25px;
	}
	#sell_flowchart li.last {
	background:none;
	padding-bottom:0;
	margin-bottom:20px;
	}
	.ie7 #sell_flowchart li.last {
	margin-bottom:0;
	}
	#sell_flowchart .sell_step {
	border:1px solid #f8966c;
	position:relative;
	}
	#sell_flowchart p {
	margin:10px;
	width:340px;
	}
	#sell_flowchart .detail_box {
		background:url(../img/sell_detail_bg.png) left center;
		position:absolute;
		right:0;
		top:0;
		height:100%;
		width:180px;
	}
	.ie6 #sell_flowchart .detail_box {
	height:120px;
	}
	#sell_flowchart .more {
		background:url(../img/sell_detail_btn.png) left -52px;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-26px;
		display:block;
		width:150px;
		height:0;
		padding-top:52px;
		overflow:hidden;
	}
	#sell_flowchart .more:hover {
		background:url(../img/sell_detail_btn.png) left 0px;
	}
	
	#sell_step1 { background:#fff url(../img/sell_illust1.png) no-repeat 365px center; }
	#sell_step2 { background:#fff url(../img/sell_illust2.png) no-repeat 365px center; }
	#sell_step3 { background:#fff url(../img/sell_illust3.png) no-repeat 365px center; }
	#sell_step4 { background:#fff url(../img/sell_illust4.png) no-repeat 365px center; }
	#sell_step5 { background:#fff url(../img/sell_illust5.png) no-repeat 365px center; }
	#sell_step6 { background:#fff url(../img/sell_illust6.png) no-repeat 365px center; }
	#sell_step7 { background:#fff url(../img/sell_illust7.png) no-repeat 365px center; }
	#sell_step8 { background:#fff url(../img/sell_illust8.png) no-repeat 365px center; }
	
	#sell_flowchart .title {
	background:url(../img/sell_m.png);
	width:350px;
	height:0;
	padding-top:48px;
	overflow:hidden;
	}
	#sell_step1 .title { background-position: 0 0; }
	#sell_step2 .title { background-position: 0 -48px; }
	#sell_step3 .title { background-position: 0 -96px; }
	#sell_step4 .title { background-position: 0 -144px; }
	#sell_step5 .title { background-position: 0 -192px; }
	#sell_step6 .title { background-position: 0 -240px; }
	#sell_step7 .title { background-position: 0 -288px; }
	#sell_step8 .title { background-position: 0 -336px; }




/* PAGE: COLUMN */

#column .main_content {
	background:#dfffff;
	}
	#column #bc_navi {
	background:url(../img/page_bc_bg_column.png);
	}
	#column .post {
	background:#fff;
	position:relative;
	border:1px solid #67acbc;
	margin-bottom:20px;
	padding-bottom:30px;
	
	/*overflow:hidden;
	_zoom: 1;*/
	}
	#column .post:after {
	content: " "; 
	display: block; 
	clear: both;
	}
	.ie6 #column .post, .ie7 #column .post {
	overflow:hidden;
	_zoom: 1;
	}
	#column .post h1 {
	border-bottom:1px solid #111;
	margin:15px 10px 0;	
	font-size:18px;
	}
	#column .post .description {
	margin:10px 10px;
	}
	#column .post .thumbnail {
	float:right;
	margin:10px 10px -20px;
	}
	#column .post .vol {
	position:relative;
	background:#07b;
	width:130px;
	height:24px;
	padding:0 8px;
	margin:6px 0 6px -6px;
	text-align:right;
	line-height:24px;
	color:#fff;
	
    -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
    -o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
    box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	}
	#column .post .vol:before {
    content:" ";
    background:url(../img/column_ribbon.png);
    display:block;
    width:6px;
    height:6px;
    position:absolute;
    bottom:0;
    left:0;
    margin-bottom:-6px;
   /* z-index:-1;*/
	}
	#column .post .date {
	position:absolute;
	top:10px;
	right:10px;
	font-size:11px;
	color:#bfbfbf;
	}
	#column .post .more {
	background:url(../img/btn_more.png);
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:120px;
	height:0;
	padding-top:20px;
	margin:10px;
	overflow:hidden;
	}
	
	
#column .single_post {
	}
	#column .single_post h1 {
	margin:40px;
	}
	#column .single_post p {
	margin:40px;
	}



/* PAGE: VOICE */

#voice_box {
	width:680px;
	}
	#voice_box .post {
	background:#fff;
	float:left;
	width:206px;
	margin:0 20px 20px 0;
	}
	#voice_box .post  {
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);	
	}
	.ie8 #voice_box .post  {
	/*filter:	progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',direction=0,strength=1)
			progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=90,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=180,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',direction=270,strength=1);	*/
	}
	#voice_box .title {
	margin:20px 20px 0;
	font-weight:bold;
	text-decoration:underline;
	}
	#voice_box .name {
	margin:5px 20px 15px;
	}
	#voice_box p {
	margin:15px 20px;
	}
	.boshu {
	margin:20px;	
	text-align:center;
	}



/* PAGE: COMPANY */


table#copany_profile {
	background:#fffbdd;
	border:1px solid #876;
	width:100%;
	}
	#copany_profile td {
	padding:5px;	
	border-bottom:1px solid #876;
	}
	#copany_profile .tab {
	border-right:1px solid #876;	
	}
	#company h3 {
	border-bottom:1px solid #876;
	margin:40px 0 0;
	/*
	padding:5px;
	background:#fffbdd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
	}
	#company h4 {
	border-bottom:1px solid #876;
	}




/* EFFECTS */

.shadow1 {
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);	
	}
	.ie8 .shadow1 {
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',direction=0,strength=1)
			progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=90,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=180,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',direction=270,strength=1);	
	}

	
.shadow2 {
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);	
	}
	.ie8 .shadow2 {
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',direction=0,strength=1)
			progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=90,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=180,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',direction=270,strength=1);	
	}

/* LIST #1(Pink) */
#list1 { }
#list1 ul { margin: 0; padding: 0; 	border-top: #999999 1px solid;}
#list1 li {
	padding: 5px 0 5px 27px;
	margin: 0;
	color:#D65D93; font-size:18px;
	background: url(http://www.kodatechintai.jp/img/List_arrow001.png) no-repeat 5px 9px;
	line-height: 150%;
	border-bottom: #999999 1px solid;
	list-style: none;
}