body{
	margin:0px;
	padding:0px;
	color:#444444;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial,sans-serif;
	background:#2C2B2A;
}

*{
	margin:0px;
	padding:0px;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial,sans-serif;
}
img{
	border:none;

}
.wrapper{
	width:100%;
	float:left;
}
.wrap_main{
	width:940px;
	margin:0 auto;
}

.wrap_inn{
	min-height:600px;
	width:920px;
	margin:0 auto;
}

.wrap_top{
	width:600px;
	margin:0 auto;
}


.left{
	text-align:left;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.top{
	vertical-align:top;
}
.middle{
	vertical-align:middle;
}
.bottom{
	vertical-align:bottom;
}

div.cell_parent_fix{
	display:table;
	table-layout:fixed;
}
div.row{
	display:table;
}
div.cell{
	display:table-cell;
}
div.trans_w{
	background-image: url("../img/trans_w.png");
}
div.trans_b{
	background-image: url("../img/trans_b.png");
}
div.none{
	display:none;
}
div.block{
	display:block;
}

.w40{
	width:40px
}
.w50{
	width:50px
}
.w60{
	width:60px
}
.w70{
	width:70px
}
.w80{
	width:80px
}
.w90{
	width:90px
}
.w100{
	width:100px
}
.w110{
	width:110px
}
.w120{
	width:120px
}
.w130{
	width:130px
}
.w150{
	width:150px
}
.w200{
	width:200px
}
.w300{
	width:300px
}
.w500{
	width:500px
}



.h40{
	height:40px;
}
.p10{
	padding:10px;
}
.p20{
	padding:20px;
}

#header{
	width:100%;
	height:50px;
	float:left;
	background:#2C2B2A;
	color:#999999;
	position:fixed;
	z-index: 60;
}

#header a{
	text-decoration:none;
	outline:none;
}
#header img{
	border:none;
	float:left;
}


#head_menu img{
	margin-right:5px;
}

#head_menu li
{
	width:auto;
	float:left;
	list-style:none;
	margin:15px 0px 0px 10px;
	position: relative;
	height:35px;
}
#head_menu li:hover > ul{
	display: block;
}


#head_menu a, a.active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c1c0c0;
}

#head_menu a:hover,a.active{
	color:#FFFFFF;
}

#head_sub_menu{
	list-style: none;
    margin: 0;
    padding: 0;
	display:none;
    position: absolute;
    top: 25px;
    left:10px;
    z-index: 4;
    background: #444;
    border-radius: 5px;
    border:solid 1px #2C2B2A;
}

#head_sub_menu li{
    float: none;
    margin: 0px;
    padding: 5px 10px;
    display: block;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    width:100px;
    font-size:12px;
    height:20px;

}
#head_sub_menu li:last-child{
    box-shadow: none;
}
#head_sub_menu li:first-child{
    border-radius: 5px 5px 0 0;
}

#head_sub_menu li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#head_sub_menu a{
	font-size:12px;
	color:#c1c0c0;
}

#head_sub_menu a:hover,a.active{
	color:#fff;
}
li:first-child a:hover:after{
    border-bottom-color: #04acec;
}
#header .head_button{
	border-radius:3px;
	border: none;
	height:18px;
	padding:0px 10px;
	color:#ffffff;
	font-size:12px;
}

#contents
{
	width:100%;
	float:left;

}

#contents_header{
	width:100%;
	height:25px;
	float:left;
	background:#484848;
	margin-top:50px;

}

#contents_header h2
{
	float:right;
	min-width:150px;
	height:18px;
	color:#ffffff;
	padding:1px 5px 3px 5px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	border-top:3px #3DBC80 solid;
	background-color:#666666;
}



#contents_header ul
{
	width:600px;
	height:25px;
	list-style:none;
}
#contents_header li
{
	float:left;
	width:150px;
	height:24px;
	position: relative;
	z-index: 1;
}

#contents_header a{
	text-decoration:none;
	display:block;
	padding: 4px 5px 0px 10px;
	font-size:14px;
	color:#ffffff;

}

#contents_header a:hover{

}


#contents_header .active{
	z-index:3;
	border-top:solid 1px rgba(255,255,255,0.4);
	border-left:solid 1px rgba(255,255,255,0.4);
	border-right:solid 1px rgba(255,255,255,0.4);
	position:relative;
}


#contents_header div.active_line{
	width:100%;
	height:7px;
	clear:both;
	border-top:solid 1px rgba(255,255,255,0.4);
	position:relative;
	z-index:2;
	top:-1px;
}



#contents_main{
	width:100%;
	float:left;
	background:#ffffff;
	margin:7px 0px 0px 0px;
	font-size:13px;
}

#footer{
	width:100%;
	height:30px;
	float:left;
	background:#666666;
	z-index:60;

}

#copyright{
	margin-top:5px;
	text-align:center;
	font-size:14px;
}

#daialog_loading{
	text-align:center

}
.c1{
	color:#C46063;
}
.c2{
	color:#D99496;
}
.c3{
	color:#E4B3A6;
}
.c4{
	color:#CF7A7D;
}

.base_c{
	color:#333333;
}
.back_c1{
	background-color:#3DBC80;
}
.back_c2{
	background-color:#7ED6AC;
}
.back_c3{
	background-color:#ADE3DC;
}
.back_c4{
	background-color:#CBEBEF;
}

div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:70;

}
div#modal div.modal_background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.45;
	filter: alpha(opacity=45);
	-ms-filter: "alpha(opacity=45)";
}
div#modal div.modal_container {
	position: relative;
	width: 700px;
	height:500px;
}

#sub{
	width:700px;
	height:100%;
	background:#f7f7f7;
	border:solid 1px #fff;
	border-radius:10px;
}

#sub_header{
	height:30px;
	width:686px;
	background:#2C2B2A;
	padding:2px 7px;
	color:#eeeeee;
	cursor: move;
	border-radius:9px 9px 0px 0px;
}

#sub_header h3{
	font-weight:normal;
	font-size:14px;
}
#sub_header input[type=button]{
	font-size:12px;
	width:70px;
	margin-righ:10px;
	border-radius:3px;
	border:none;
	color:#eeeeee;
	padding:0px 2px;
}
#sub_form_error {
	border:1px solid #ffb2d7;
	background:#fff4ff;
	text-align center;
	font-size:13px;
	padding:2px 10px;
	margin-bottom:10px;
}

#sub_main{
	overflow: auto;
	height:400px;
	padding:10px;
	font-size:12px;
	margin:20px 5px 10px 10px;
}


#sub_main input[type=text]{
	border-radius:3px;
	border:none;
	height:20px;
	margin:3px;
	font-size:12px;
	padding:0px 5px;

}

#sub_main select{
	border-radius:3px;
	border:1px solid #dedddd;
	height:25px;
	font-size:14px;
	width:100px
}

#sub_main textarea{
	font-size:12px;
	border-radius:3px;
	border:1px solid #dedddd;
	height:100px;
	width:630px;
	padding:3px;
	resize: vertical;
}

#sub_main h4{
	margin-top:20px;
}



.category{
	background:#dedddd;
	margin:10px 0px 10px 0px;
	padding:5px;
	border-radius:5px;
	width:610px;
}
.label{
	width:90px;
	text-align:right;
	padding:0px 3px;
}




#top_logo{
	margin:60px 0px;
}
#top_info{
	padding:10px;
	background:#cccccc;
}

#top_info h2{
	font-size:14px;
	margin-bottom:10px;
}
#top_info p{
	font-size:12px;
	margin:10px;
}

#top_cont{
	min-height:150px;
	padding:10px 0px 20px 0px;
}
#top_cont h2{
	font-size:14px;
	padding-bottom:5px;
}
#top_cont div.cell{
	width:100px;
	padding:10px;
}

#top_cont h3{
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
}

#top_cont a, a.active, a:hover, a:visited{
	text-decoration:none;
	outline:none;
}

#top_cont img{
	border:none
}

#login{
	line-height: 200%;
}
#login input:focus{
	border:2px solid #3DBC80;
}
#login input{
	height:30px;
	width:250px;
	border-radius:4px;
	border:2px solid #7ED6AC;
	margin-bottom:3px;
	padding:0px 5px;
	font-size:14px;
}

#login input[type=submit]{
	background-color:#7ED6AC;
	width:265px;

}
div.error{
	border:1px solid #ffb2d7;
	background:#fff4ff;
	text-align center;
	font-size:13px;
	padding:2px 10px;
}
a.tooltip span {
	display: none;
	padding: 5px;
	margin: -10px 0px 0px 10px;
}
a.tooltip:hover span{
	display: inline;
	position: absolute;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #F7F7F7;
	color: #666;
	font-size: 12px;
	line-height: 1.4em;
	text-align:left;
}

#top_link {
	position:fixed;
	bottom:20px;
	right:30px;
	z-index:61;
	display:none;
	opacity:0.7;filter:alpha(opacity=70)
}