@charset "utf-8";
@import "reset.css";
h1 {
	font-size:28px;
	border-bottom:solid 2px #336657;
	border-left:solid 2px #336657;
	padding-bottom:10px;
	margin-bottom:15px;
	padding-left:5px;
	}

h2 {
	font-size:18px;
	font-style:inherit;
	border-bottom:#063 1px solid;
}


p {
	text-indent:1em;
	font-size:14px;
	line-height:20px;
	}

/*futter fix
html {
　height: 100%;
}
*/
html, body, #allbox {height: 100%;}

body > #allbox {height: auto; min-height: 100%;}

#wrapper {overflow:auto;
}
	
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file
[if  IE 8]>
	<style type="text/css">
		#allbox {display:table;}
	</style>
<![endif]

*/

/*futter fix end*/


body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;  
    font-size: 80%;  
	margin:0px;
	height:100%;
 }  

#header {
height: 100px;
background: #ccffcc;
}
 
#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:100px;
}

.middle {
	padding-bottom:100px;
	}

.middle_txt {
	margin:0;
	padding:0;
	}
body > #wrapper {
        height: auto;
}

.head_now a {
	color:#F00;
}


#head .head_logo {
	float: left;
	height: 51px;
	width: 326px;
	margin:20px 0 20px 20px;
}
#head .head_link {
	float:right;
	margin:50px 50px 0 0;
}


#head .head_link li {
	float: left;
	list-style-image: url(../images/img_mark.jpg);
	padding-right:30px;
}
 #menu {
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	clear: both;
	height:40px;
	border-bottom:7px solid #99FF66;
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#menu #d .now {
	background:url(../images/btn_activ.jpg);
	/*widows:99px;*/
	height:40px;
	float:left;
	width:100px;
	margin:0;
	padding:0;
}

#d .now .now_font {
	display:block;
	padding:10px 10px 0 10px;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	height:28px;
	text-shadow:0 -2px 0 #000;
}


#d li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
	border-right:1px solid #FFF;
	height:38px;
}
#d li a {
	display:block;
	padding:10px 10px 0 10px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	height:30px;
	text-shadow: 0px -2px 0px #333;
}
#d li a {
	background:url(../images/bg.jpg) repeat 0 0;
}
li a:hover {
	background-position:50px 0;
}

#content{
	padding-bottom: 70px;
	width:700px;
	margin:0 auto;
}

#content .middle {
	padding-top: 30px;
	padding-left:20px;
padding-top:30px;
}
#content .fl_content {
	padding-top: 10px;
}

#content .fl_content_s {
	padding-top: 10px;
}
#content .left_content {
	float: left;
	width: 400px;
}
#content .right_content {
	float: right;
	width: 230px;
}

.middle #right_content .top_add {
	color: #333;
	text-align:center;
	padding-top:10px;
}


#content .etc_logo{
	float:right;
	padding-top:20px;
}


#futter {
	bottom:0;
	height:38px;/*画像38px*/
	margin:0px auto 0 auto;
	width:660px;
	clear:both;	
	border-top:1px #999 dotted;
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	top:20px;
}

#futter .futter_link{
	width:500px;
	}

#futter .futter_link li{
	float: left;
	list-style-image: url(../images/img_mark.jpg);
	padding-right:30px;
	margin-left:18px;
}
#futter_left{
	width:400px;
	float:left;
	}

#futter_left p {
	display:block;
	padding-top:5px;
	text-align:left;
	font-size:10px;
}

#futter .fotter_logo {
	float:right;
	display:block;
}

/*--------------概要----------------*/

.middle {
	clear:both;
	padding:20px 0 0 0;
}
.middle .g_left {
	float:left;
	width:200px;
	text-align:left;
}
.middle .g_right {
	float:right;
	width:430px;
	text-align:left;
}
.g_right h1 {
	font-size:20px;
	padding-bottom:10px;
}

.r_l{
	float:left;
	width:150px;
	clear:both;
	padding-top:30px;
	}

.r_r{
	float:right;
	width:260px;
	padding-left:10px;
	padding-top:30px;
	}
	
	.g_right .r_r h2 {
}


/*---------------------Package---------------------*/
.right_content .package_txt {
	display:block;
	padding-top:120px;
	}
	
.package_txt p {
	padding-top:10px;
}
	
.left_content #browser li #folder21 li ,.left_content #browser li .folder a ,.middle .left_content #browser li .folder, li .file a {
	font-size: 16px;
}
/*policy*/
#content .middle h2 {
	background-image:url(../images/h2bg.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	padding:3px 0 3px 10px;;
}

/*copyright*/
.browser{
	margin-top:10px;
	}
.list_style1,table tr .win,table tr .mac,.list_style2{
	padding:10px;
	}
.list_style1 {
	background-color:#CFC;
	border:solid 1px #CCC;
}

table tr .win {
	background-color:#CFC;
	border:solid 1px #CCC;
}


table tr .mac {
	background-color:#CFF;
	border:solid 1px #CCC;
}

.list_style2 {
	background-color:#CFf;
	border:solid 1px #CCC;
}

/*printing*/
.printing{
	margin-top:50px;
	}
#print_table tr td {
	vertical-align:bottom;
	padding-bottom:10px;
}

#print_table tr {
	border-top:#999 1px dotted;
	height:240px;
}

.blog_img {
	padding:0px 0 0 20px;
	}


/*gaiyo*/
.datalist {
	width:420px;
	background-color:#EAFFD9;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	}

.datalist2 {
	width:420px;
	background-color:#F6FFF6;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	}

.datalist2 dt, .datalist dt {
	float:left;
	width:120px;
	padding-left:5px;
	}

.datalist2 dd, .datalist dd {
	margin-left:200px;
	text-align:left;
	width:200px;
	}
/*
.list_style3 {
	font-weight:bold;
	padding:5px 0 5px 5px;
	width:150px;
	color:#333;
	}

.list_style4 {
	font-weight:normal;
	padding:5px 0 5px 30px;
	width:280px;
	}
	

.preview a {
	color:#F00;
}
*/

#imgPreviewWithStyles {
             background: #222;
			 /*
             -moz-border-radius: 10px;
             -webkit-border-radius: 10px;
			 */
             padding: 15px;
             z-index: 999;
             border: none;
}

#imgPreviewWithStyles span {
             color: white;
             text-align: center;
             display: block;
             padding: 10px 0 3px 0;
             font-size:80%;
}

.gaiyo_list{
	margin-top:50px;
	float:left;
	}

#kanren {
	clear:both;
	float:left;
}

#demo3,#kanren {
	margin:10px auto 0 auto;
	}

.datalist3 {
	width:680px;
	background-color:#EAFFD9;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	}

.datalist4 {
	width:680px;
	background-color:#F6FFF6;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.datalist3 dt, .datalist4 dt {
	float:left;
	padding-left:5px;
	}

.datalist3 dd, .datalist4 dd {
	margin-left:250px;
	text-align:left;
	}

/*eco*/
.eco_read {
	margin-top:10px;
	text-shadow : 2px 1px #fbfbfb ;
	}

.kankyou_list li {
	padding-left: 1em;
	text-indent: -1em;
	font-size:16px;
	padding-bottom:5px;
} 

.list_no {
	margin-left: 1em;
	text-indent: -1em;
	}

.eco_text {
	margin-top:180px;
	text-shadow : 2px 1px #fbfbfb ;
	}
	
#eco_bg {
	background-image:url(../gaiyo/img/img_eco.jpg);
	background-repeat:no-repeat;
	}
	
/*P&P*/
.pp_table {
	margin-left:20px;
	margin-top:20px;
	}

.pp_dekai {
	
	padding-left:20px
	}
	
.pp_table tr td {
	padding-left:20px;
	bottom:0;
}

.p_p {
	padding-top:10px;
	}


/*募集のところ*/
.saiyo_text {
	margin-left:1em;
text-indent:-1em;
}

.hpb-cnt-tb-cell1 {
	background-color:#F6FFF6;
	padding:10px;
font-size:1.2em;
	}
	
.hpb-cnt-tb-cell2 {
	background-color:#EAFFD9;
	padding:10px;
font-size:1.2em;
	}
	
.no_head {
	text-indent:0em;
	font-size:14px;
	line-height:20px;
	
	}
	
.hpb-cnt-tb1 {
	border-bottom:2px solid #666;
	border-left:2px solid #CCC;
	}
	

/*SEO*/
.buttobi {
	text-indent: -9999px;
}