@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
.body_sub{
	background-color: #FFF;
}
hr {
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	height: 0px;
	width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1{
}
img {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clearboth {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
	width: 0px;
	display: block;
}
a:link{
	text-decoration: none;
	color: #000;
}
a:visited{
	text-decoration: none;
	color: #000;
}
a:active{
	text-decoration: underline;
	color: #000;
}
a:hover{
	text-decoration: underline;
	color: #000;
}
.h5px {
	padding-top: 5px;
}
.h13px {
	padding-top: 13px;
}
.h15px {
	padding-top: 15px;
}
.h10px {
	padding-top: 15px;
}
.h20px {
	padding-top: 20px;
}
.h25px {
	padding-top: 25px;
}
.h30px {
	padding-top: 30px;
}
.h30px {
	padding-top: 30px;
}
.h40px {
	padding-top: 40px;
}
.h50px {
	padding-top: 50px;
}
.h60px {
	padding-top: 45px;
}
.h80px {
	padding-top: 80px;
}
.h90px {
	padding-top: 90px;
}
.u40px {
	padding-bottom: 40px;
}
.w600px {
	width: 600px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.wrap_500 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.wrap_960 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#flout_content {
}

#main_content {
	width: 570px;
}
#main_content_w680 {
	width: 680px;
}
/* サブページ共通[about_] */
#about_content {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #0071A5;
	padding-top: 20px;
}
#about_content .main_title {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0071A5;
}
#about_content .sub_title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0071A5;
	padding-bottom: 10px;
}
#about_navi {
	width: 195px;
	padding-bottom: 10px;
}
#about_navi .change_button_logo{
	background-image: url(../img/common/img_about_navi_logo_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#about_navi .change_button_en a:link img{
	display: block;
}
#about_navi .change_button_en{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 30px;
	background-image: url(../img/common/bt_about_navi_en_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#about_navi .change_news{
	background-image: url(../img/common/bt_about_navi_news_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 190px;
	padding-bottom: 3px;
}
#about_navi .change_profile{
	background-image: url(../img/common/bt_about_navi_profile_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 190px;
	padding-bottom: 3px;
}
#about_navi .change_essay{
	background-image: url(../img/common/bt_about_navi_essay_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 190px;
	padding-bottom: 3px;
}
#about_navi .change_blog{
	background-image: url(../img/common/bt_about_navi_blog_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 190px;
	padding-bottom: 3px;
}
#about_navi .change_works{
	background-image: url(../img/common/bt_about_navi_works_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 190px;
	padding-bottom: 3px;
}
#about_navi a:hover img{
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	-moz-opacity: 0.00;
	opacity: 0.00;
}
#about_navi .about_message{
	width: 140px;
	padding-left: 30px;
}
#about_navi .about_title{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9F2FD;
	font-size: 12px;
	color: #666;
	padding-top: 20px;
	padding-bottom: 5px;
}
#about_navi .about_title_karasstudio{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9F2FD;
	padding-bottom: 0px;
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
#about_navi .about_text{
	font-size: 12px;
	color: #666;
	padding-top: 5px;
	line-height: 1.5;
}
#about_navi .about_textbutton{
	font-size: 12px;
	padding-top: 5px;
	text-align: right;
	font-weight: bold;
}
#about_navi .about_textbutton a:link{
	text-decoration: none;
	color: #666;
}
#about_navi .about_textbutton a:visited{
	text-decoration: none;
	color: #666;
}
#about_navi .about_textbutton a:active{
	color: #0071A5;
	text-decoration: none;
}
#about_navi .about_textbutton a:hover{
	color: #0071A5;
	text-decoration: none;
}
#about_navi .about_image_button_karas {
	background-image: url(../img/common/img_karasstudio_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 79px;
	width: 140px;
}
/* サブページ共通[about_] */
#footer {
	color: #000;
	background-color: #000;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer a:link img{
	display: block;
}
#footer a:hover img{
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	-moz-opacity: 0.00;
	opacity: 0.00;
}
#footer .line {
	margin-right: 10px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
}
#footer .noline {
}
#footer .noline p{
	height: 14px;
}
#footer .button_home {
	background-image: url(../img/common/bt_footer_home_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width: 41px;
}
#footer .button_news {
	background-image: url(../img/common/bt_footer_news_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width: 58px;
}
#footer .button_profile {
	background-image: url(../img/common/bt_footer_profile_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	width: 69px;

}
#footer .button_essay {
	margin-top: 15px;
	height: 14px;
	width: 58px;

}
#footer .button_contact {
	background-image: url(../img/common/bt_footer_contact_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width: 81px;

}
#footer .button_works {
	height: 15px;
	margin-top: 15px;
	background-image: url(../img/common/bt_footer_works_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 64px;
}
#footer .button_blog {
	height: 15px;
	background-image: url(../img/common/bt_footer_blog_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 50px;
}
#footer .button_mailmagazine {
	height: 16px;
	margin-top: 15px;
	background-image: url(../img/common/bt_footer_mailmagazine_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 123px;
}
#footer .button_karasstudio {
	margin-top: 15px;
	background-image: url(../img/common/bt_footer_karasstudio_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer .button_field {
	padding-left: 20px;
	width: 680px;
}
#footer .button_space {
	height: 15px;
	padding-top: 15px;
}
#footer .button_facebook {
	font-weight: bold;
	color: #FFF;
	text-align: left;
	width: 180px;
}
#footer .button_facebook a {
	color: #FFF;
}
#footer .button_facebook a:hover {
	color: #0071A5;
	text-decoration: none;
}
#footer .copylight {
	width: 230px;
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
	color: #FFF;
	padding-top: 0px;
}
#footer .copylight02 {
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
	color: #FFF;
	padding-top: 0px;
}
.page404_title{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0071A5;
	padding-bottom: 10px;
}
#page404 {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	line-height: 1.8;
}