/*CSS Reset*/
html{color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:normal;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
body,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
figure{margin: 0px;}

/*clearfix*/
.clearfix {
	width:100%;
}

.clearfix:after {
	content : ""; 
	display : block; 
	clear : both;
}

/*Common*/
html{
	height : 100%;
	background : #f9f9f9;
	background : #f9f9f9 url(../../images/bg.jpg) repeat-x 0 0;
}
body{
	padding : 40px 0px;
	background : #f9f9f9 url(../../images/bg.jpg) repeat-x 0 0;
}
a{
	text-decoration : none;
}
img{
	vertical-align: top;
}

#wrapper{
	width : 100%;
	max-width : 1200px;
	margin : 0px auto;
	border-width : 1px;
	border-style : solid;
	border-color : #d5d5d5;
	border-radius : 10px;
	background : rgba(255, 255, 255, 0.3);
}
#contents{
	margin : 15px;
	border-width : 1px;
	border-style : solid;
	border-color : #d5d5d5;
	border-radius : 10px;
	background : #fff;
	padding : 0px;
}

/*header*/
header{
	background : #fff;
	background : -webkit-linear-gradient(top, #ebebeb, #fff);
	background :    -moz-linear-gradient(top, #ebebeb, #fff);
	background :      -o-linear-gradient(top, #ebebeb, #fff);
	background :         linear-gradient(to bottom, #ebebeb, #fff);
	border-radius : 10px 10px 0px 0px;
	margin : 0px 0px 23px;
	}

header:before{
	content : '　';
	background : #222;
	height : 5px;
	display : block;
	width	: calc(100% - 46px);
	margin : -1px 23px 0;
	font-size : 1px;
	border-radius : 0px 0px 3px 3px;
}

header h1{
	float : left;
	margin : 30px 0px 0px 23px;
}
header nav{
	margin : 0px 23px 0px 0px;
	float : right;
}


/*global menu*/
#global_menu{
	background : #2a2a2a;
	background : -webkit-linear-gradient(top, #393939, #292929);
	background :    -moz-linear-gradient(top, #393939, #292929);
	background :      -o-linear-gradient(top, #393939, #292929);
	background :         linear-gradient(to bottom, #393939, #292929);
	border-radius : 3px;
	margin : 37px 0px 0px;
}
#global_menu li{
	display : block;
	float : left;
	transition-duration : 0.3s;
	-webkit-transition-duration : 0.3s;
}
#global_menu li:after{
	content : '　';
	display : block;
	font-size : 1px;
	position : absolute;
	background : #696969;
	width : 92px;
	height : 2px;
	margin : -4px 0px 0px 2px;
	transition-duration : 0.3s;
	-webkit-transition-duration : 0.3s;
}
#global_menu li:hover:after{
	background : #c73a85;

	transition-duration : 0.3s;
	-webkit-transition-duration : 0.3s;
}
#global_menu li.active:after{
	background : #fc40a4;
}

#global_menu li a{
	color : #999;
	display : block;
	width : 96px;
	text-align : center;
	font-size : 12px;
	padding : 15px 0px 12px;
	font-weight : bold;
	transition-duration : 0.3s;
	-webkit-transition-duration : 0.3s;
}
#global_menu li a:hover{
	color : #fff;

}
#global_menu li.active a{
	color : #fff;
}
#global_menu li a:before{
	opacity: 0.5;
	content : "　";
	color : #fff;
	display : block;
	width : 24px;
	height : 24px;
	text-align : center;
	margin : 0px auto;
	font-size : 12px;
	padding : 0px 0px 0px;
	font-weight : bold;
	background-image : url(../../images/ico_global_menu3.png);
	background-repeat : no-repeat;
	transition-duration : 0.3s;
	-webkit-transition-duration : 0.3s;
}

#global_menu li:hover a:before{
	transition-duration : 0.3s;
	-webkit-transition-duration : 0.3s;
	opacity: 1.0;
}
#global_menu li.active a:before{
	opacity: 1.0;
}
#global_menu li.global_menu_home a:before{
	background-position : 0 0;
}
#global_menu li.global_menu_about a:before{
	background-position : -24px 0;
}
#global_menu li.global_menu_member a:before{
	background-position : -48px 0;
}
#global_menu li.global_menu_history a:before{
	background-position : -48px 0;
}
#global_menu li.global_menu_works a:before{
	background-position : -72px 0;
}
#global_menu li.global_menu_blog a:before{
	background-position : -96px 0;
}
#global_menu li.global_menu_bookmark a:before{
	background-position : -120px 0;
}
#global_menu li.global_menu_contact a:before{
	background-position : -144px 0;
}

#global_menu li:not(:first-child) a:after{
	opacity: 1.0;
	content : '　';
	font-size : 1px;
	color : #fff;
	width : 1px;
	float : right;
	height : 30px;
	position : absolute;
	display : block;
	margin : -35px 0px 0px;
	background : #fff;
	background : -webkit-linear-gradient(top, #696969, #8d8d8d);
	background :    -moz-linear-gradient(top, #696969, #8d8d8d);
	background :      -o-linear-gradient(top, #696969, #8d8d8d);
	background :         linear-gradient(to bottom, #696969, #8d8d8d);
}










/*content*/
#content{
	border-width : 1px 0px 0px;
	border-style : dashed;
	border-color : #9e948a;
	margin : 23px;
	width : 787px;
	padding : 23px 0px 0px;
}
#content.inner_content{
	padding : 0px 0px 0px;
	border-width : 0px 0px 0px;
	border-style : none;
}
.inner_content h2{
	text-align: center;
	border-radius: 5px;
	background : #2a2a2a;
	background : -webkit-linear-gradient(right, #393939, #292929);
	background :    -moz-linear-gradient(right, #393939, #292929);
	background :      -o-linear-gradient(right, #393939, #292929);
	background :         linear-gradient(to left, #393939, #292929);
	color: #fff;
	margin : 0px;
	padding : 4px 10px 4px 14px;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	width: 120px;
	position: absolute;
}
.inner_content h2:before{
	content : "　";
	width : 3px;
	position: absolute;
	left : 0;
	background: #fc40a4;
	margin : 0px 0px 0px 4px;
}
.inner_content h2:after{
	left : 0;
	content : "　";
	margin: 13px 0px 0px 145px;
	width : 638px;
	position: absolute;
	border-width: 1px 0px 0px;
	border-style: dashed;
	border-color: #9e948a;
}


/*footer*/
footer{
	background : #fff;
	background : -webkit-linear-gradient(top, #fff, #ebebeb);
	background :    -moz-linear-gradient(top, #fff, #ebebeb);
	background :      -o-linear-gradient(top, #fff, #ebebeb);
	background :         linear-gradient(to bottom, #fff, #ebebeb);
	border-radius : 0px 0px 10px 10px;
	color : #999;
}
footer a{
	color : #ddd;
}
footer a:hover{
	color : #fff;
}

#footer_contents{
	background : #2a2a2a;
	background : -webkit-linear-gradient(top, #393939, #292929);
	background :    -moz-linear-gradient(top, #393939, #292929);
	background :      -o-linear-gradient(top, #393939, #292929);
	background :         linear-gradient(to bottom, #393939, #292929);
	border-radius : 3px 3px 0px 0px;
	margin : 0px 23px -1px;
	text-align : center;
	padding : 0px 10px;
}
#footer_menu{
	border-width : 0px 0px 1px;
	border-style : solid;
	border-color : #000;
	padding : 7px 0px;
}
#footer_menu li{
	font-size : 12px;
	display : inline;
}
#footer_menu li:not(:last-child):after{
	content : '|';
	padding : 0px 5px 0px 10px;
}


#copyright{
	font-size : 10px;
	letter-spacing : 1px;
	padding : 7px;
	border-width : 1px 0px 0px;
	border-style : solid;
	border-color : #646464;
}