@charset utf-8;
@import url(fontsize.css);
img{
	border:none
}
.left{
	float:left
}
.right{
	float:right
}
.clear{
	clear:both;
	display:block
}
body{
	text-align:center;
	background:url(../image/back_ground.gif) repeat-y center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
br.clear{
	clear:both
}
a{
	text-decoration:none
}
div.header{
	width:100%;
	height:117px
}
div.footer{
	border-top:5px solid #FFF;
	width:100%;
	background:#F93;
	text-align:center;
	font-size:x-small;
	color:#FFF;
	font-weight:bold;
	padding:10px 0
}
.outframe{
	width:762px;
	height:100%;
	background:#FFF;
	margin:0 auto
}
.page_top{
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px
}
.page_top a, .page_top a:hover{
	color:#999;
	text-decoration:underline
}
.h_top{
	width:100%;
	height:67px
}
.logo{
	float:left;
	width:112px;
	height:67px
}
.logo_right{
	width:650px;
	height:67px;
	float:left
}
.menu{
	width:100%;
	height:34px
}
.h_middle{
	width:100%;
	height:17px;
	clear:both
}
.foot_txt{
	font-size:10px
}
.footer_hr{
	width:80%;
	color:#FFC
}
ul#news{
	list-style:url(image/whats...icon.gif) disc;
	margin:0;
	padding:5px 5px 8px 30px
}
#news li{
	margin-right:5px;
	padding-bottom:3px;
	font-size:small;
	border-bottom:dotted 1px #aaa
}
* html #news ul{
	margin-left:25px
}
* html #news li{
	font-size:x-small;
	padding-bottom:3px
}
.inframe{
	width:100%;
	background:url(image/back2.gif);
	padding:10px 0
}
.contents{
	width:748px;
	background:#FFF;
	margin:0 7px
}
.contents h3{
	padding-top:8px
}
.contents_details{
	text-align:left;
	font-weight:bold;
	color:#FFF;
	padding:5px
}
.topframe{
	width:100%;
	background:url(image/back2.gif);
	padding-bottom:5px
}
.top_sakuhin{
	width:748px;
	height:30px;
	background:url(image/work02.gif);
	text-align:right;
	padding-top:5px
}
.top_sakuhin02{
	width:748px;
	height:30px;
	text-align:right;
	padding-top:5px
}
.top_saku_list{
	width:748px;
	height:108px
}
.topmidd_left{
	float:left;
	width:392px;
	min-height:278px;
	background:#FFF
}
.toppage_middle{
	width:748px;
	min-height:278px;
	margin:9px 7px
}
.topmidd_left_t{
	width:100%;
	text-align:left;
	padding-top:2px
}
.topmidd_left_b{
	text-align:right;
	font-size:80%;
	padding-bottom:5px
}
#top_centerbox{
	float:left;
	width:164px;
	height:278px;
	margin-left:7px
}
.topmidd_cen{
	width:164px;
	height:184px;
	background:#FFF;
	margin:0 0 4px
}
.topmidd_cen_t{
	width:134px;
	height:134px;
	padding:8px 15px
}
.topmidd_cen_inner{
	text-align:left;
	padding:10px 0 10px 16px
}
.img_house02{
	text-align:left;
	background:url(image/house-photo.gif);
	margin:0;
	padding:0
}
.topmidd_right{
	float:left;
	width:176px;
	margin-left:8px
}
.contact-box{
	padding-bottom:4px
}
.topmidd_b2{
	padding-top:4px;
	margin:0
}
.toppage_down{
	width:100%;
	clear:both;
	margin:5px 0 2px
}
.toppage_down #index-h2-box{
	width:762px;
	height:300px;
	background:url(image/top02.jpg) no-repeat left top;
	overeflow:hidden
}
.image_work_new{
	float:left;
	width:109px;
	height:108px
}
.image_work_t{
	background:url(image/work-photo.gif);
	width:88px;
	height:88px;
	margin-left:9px;
	_margin-left:5px;
	text-align:left
}
.image_work_b{
	width:106px;
	padding-top:2px
}
.image_work_old{
	float:left;
	width:106px;
	height:108px
}
.image_work_old p{
	width:106px;
	height:20px
}
#banner-box{
	width:748px;
	text-align:left;
	margin:0 7px
}
#banner-box span{
	margin-right:4px;
	_margin-right:5px
}
#banner-box span.margin01{
	margin-right:3px;
	_margin-right:4px
}
#banner-box span.margin02{
	margin-right:0
}
.house_smenu{
	width:748px;
	padding-top:5px
}
.house_sozaim{
	padding-bottom:5px;
	padding-left:20px;
	text-align:left
}
.house_sozaim2{
	padding-bottom:15px;
	padding-left:20px;
	text-align:left
}
.house_sozaims{
	margin-right:10px
}
.house_bottom{
	width:748px;
	padding:3px 0
}
.house_left h2{
	text-align:left;
	margin:0;
	padding:0
}
.house_left_sozai{
	padding-left:20px;
	padding-bottom:10px;
	text-align:left;
	margin:0
}
.house_left_sozai th{
	text-align:center;
	padding:3px 0
}
.house_left_sozai td{
	padding:3px 5px
}
.house_left{
	width:470px;
	float:left
}
.house_more{
	text-align:right;
	padding-right:15px
}
.house_left p{
	text-align:left;
	line-height:150%;
	margin:10px 10px 10px 20px
}
.house_left table{
	line-height:150%;
	border:1px solid #666;
	border-collapse:collapse;
	font-size:x-small;
	text-align:left;
	padding:2px
}
.house_left th{
	background:#F6F6D6;
	line-height:150%;
	border:1px solid #666
}
.house_left td{
	line-height:150%;
	border:1px solid #666
}
.house_right{
	width:276px;
	text-align:center;
	float:left;
	padding:10px 0
}
.house_mimg{
	margin-bottom:10px
}
.house_right p{
	padding:5px
}
.sche_left{
	width:461px;
	float:left
}
.sche_left h2{
	margin:0;
	padding:10px 0
}
.sche_left p{
	color:#F93
}
.sche_right{
	width:287px;
	float:left
}
.sche_right p{
	line-height:150%;
	text-align:left;
	margin:10px 10px 30px
}
.work_left{
	float:left;
	width:388px;
	padding-left:30px;
	padding-top:30px;
	padding-bottom:10px
}
.work_list td{
	width:85px
}
.work_list_l{
	text-align:left
}
.work_list_r{
	text-align:right
}
.work_right{
	float:left;
	width:270px;
	padding-top:30px;
	padding-right:30px;
	padding-left:10px;
	text-align:right;
	margin-left:20px
}
.work_right p{
	text-align:left;
	width:272px;
	line-height:150%;
	margin-bottom:20px
}
.work_link{
	width:748px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	margin:0
}
.work_link .link_back{
	float:left;
	text-align:left;
	width:120px
}
.work_link .link_list{
	float:left;
	text-align:center;
	width:448px
}
.work_link .link_next{
	float:left;
	text-align:right;
	width:120px
}
.work_top{
	width:748px;
	height:43px;
	background:#FFF
}
.work_list_line{
	width:748px
}
.work_one{
	width:149px;
	float:left;
	margin-bottom:15px
}
.work_one p{
	margin:5px 0
}
.work_one p.past_work_name{
	font-weight:bold;
	margin:5px 0 0
}
.work_one p.past_work_struct{
	font-size:78%;
	margin:5px 0 20px
}
.work_details_right_t{
	width:360px;
	height:40px;
	background:url(image/haikei.gif);
	text-align:left;
	font-size:large;
	font-weight:bold
}
.work_details_right_b{
	text-align:left;
	font-size:small;
	padding:10px 30px
}
.new1{
	width:374px;
	height:100%;
	background:#FFF;
	float:left;
	text-align:left;
	margin:0
}
#list-choice{
	text-align:right;
	margin:20px
}
.kengaku_left{
	width:498px;
	float:left
}
.kengaku_left_comm{
	text-align:left;
	margin:10px 10px 20px 20px
}
.kengaku_right{
	width:248px;
	text-align:center;
	float:left
}
.profile_item{
	width:748px;
	padding-bottom:30px
}
.profile_left{
	width:488px;
	float:left;
	padding-left:10px;
	text-align:left
}
.profile_left a{
	color:#00C
}
.profile_right{
	width:240px;
	float:left
}
.profile_left th{
	color:#FFF;
	background:#824922;
	border:1px dotted #666;
	width:120px;
	padding-top:5px;
	padding-left:5px
}
.profile_left td{
	border:1px dotted #666;
	width:343px;
	padding:2px 5px
}
.profi_hani1{
	width:100px;
	float:left
}
.profi_hani2{
	width:243px;
	float:left
}
.profile_right td{
	width:100px
}
.media_item_details{
	width:488px;
	float:left;
	padding-left:10px;
	padding-bottom:10px
}
.media_item_details table{
	width:488px;
	border:1px dotted #666;
	border-collapse:collapse;
	border-spacing:0;
	_font-size:small;
	text-align:left;
}
.media_item_details th, .library_item_details th{
	padding:5px;
	border:#666 dotted;
	border-width:0 0 1px 1px;
	color:#FFF;
	background:#824922;
	width:120px;
	text-align:center
}
.media_item_details td, .library_item_details td{
	padding:5px;
    border:1px dotted #666;
    border-width:0 0 1px 1px;
}
.media_item_image{
	width:246px;
	float:left;
	padding-bottom:10px
}
.cont_item{
	width:748px;
	padding-bottom:8px;
	padding-top:15px
}
.cont_item h2{
	text-align:left;
	background:#FFC;
	font-size:medium;
	width:630px;
	margin-top:10px;
	margin-bottom:5px
}
.cont_item table{
	text-align:left;
	padding-left:64px
}
.cont_item th{
	width:200px;
	background:#EBEBEB;
	padding:5px
}
.cont_item td{
	width:400px;
	background:#D2D3D3;
	padding:5px
}
.kousei td{
	width:50px
}
.hissu{
	font-size:10px;
	color:red
}
.privacy_m1_2{
	width:678px;
	text-align:left;
	margin:15px 35px 10px 30px
}
.privacy_m1_3{
	width:650px;
	text-align:left;
	margin:0;
	padding:5px 35px 10px 50px
}
.privacy_m1_3 table{
	width:650px;
	line-height:150%
}
.privacy_m1_3 th{
	vertical-align:top;
	width:30px
}
.privacy_m1_3 td{
	width:620px
}
.privacy_m1_table{
	text-align:left;
	line-height:150%
}
.link_item_details{
	width:736px;
	padding-left:5px;
	padding-right:5px
}
.link_item_details table{
	border:1px dotted #666;
	border-collapse:collapse;
	width:726px;
	text-align:left;
	line-height:150%;
	padding:3px
}
.link_item_details a{
	color:#FFF
}
.link_item_details a:hover{
	color:#FFF100
}
.link_item_details th{
	color:#FFF;
	background:#824922;
	border:1px dotted #666;
	width:280px;
	padding-left:5px
}
.link_item_details td{
	border:1px dotted #666;
	width:456px;
	padding:2px 5px
}
.library_item_details{
	width:488px;
	float:left;
	padding-left:10px
}
.library_item_image{
	width:246px;
	float:left
}
.library_book{
	float:left;
	width:255px;
	margin-top:8px
}
.library_amazon{
	float:left;
	width:30px;
	margin-top:5px;
	margin-bottom:5px
}
.library_m1_1{
	width:488px;
	text-align:left;
	float:left;
	padding:0 0 0 10px
}
.library_m1_2{
	width:240px;
	float:left;
	margin:0 auto
}
.blog_left h2, .news_left h2{
	text-align:center;
	margin:0 0 10px;
	padding:0
}
.blog_left h3, .news_left h3{
	padding-left:7px;
	text-align:left;
	margin:0
}
.blog_right, .news_right{
	width:510px;
	float:left;
	padding-left:10px;
	padding-top:10px
}
.zumen_img{
	text-align:left;
	margin:10px 0
}
#plan_list{
	width:720px;
	padding-left:14px;
	padding-right:14px;
	background:#FFF;
	margin-bottom:20px
}
#plan_list td{
	width:90px
}
#plan_list img{
	margin:10px 15px 5px
}
#plan_list p{
	font-size:10px;
	margin:5px 15px
}
.plan_txt{
	text-align:left;
	margin:5px 20px 20px
}
.whatsnew_item{
	width:748px;
	text-align:left;
	padding:10px 0
}
.whatsnew_item p{
	border-bottom:dotted 1px #aaa;
	margin:10px 50px
}
.paginate{
	text-align:center;
	margin-top:20px
}
#page-separator{
	width:100%;
	text-align:center;
	margin-bottom:10px
}
#page-separator span.before{
	font-size:90%;
	margin:0 10px 0 0
}
#page-separator span.next{
	font-size:90%;
	margin:0 0 0 10px
}
#page-separator span.number{
	font-size:90%;
	margin:0 10px 0 0;
	padding:5px
}
#life-box{
	margin:20px 6px
}
#life-box h2{
	color:#4A290B;
	font-size:100%;
	margin-bottom:10px;
	text-align:left
}
.life-banner-box{
	width:242px;
	border:1px solid #FFF;
	position:relative;
	float:left;
	display:inline;
	padding-bottom:12px
}
#life-01{
	background:#6FC12F
}
#life-02{
	background:#258FC2;
	margin:0 8px
}
#life-03{
	background:#BA2E77
}
.life-banner-box h3{
	width:242px;
	height:76px;
	overflow:hidden;
	margin:0;
	padding:0
}
.life-banner-box span a{
	color:#FFF;
	font-weight:bold;
	position:absolute;
	top:34px;
	left:107px;
	width:132px;
	text-align:left
}
#footer{
	border-top:5px solid #FFF;
	background:#F93;
	font-size:96%;
	color:#FFF;
	text-align:left;
	width:762px;
	margin:0 auto;
	padding:0
}
#footer p.footer-banner{
	float:left;
	display:inline;
	margin:10px 10px 0
}
#footer p.footer-text{
	float:left;
	display:inline;
	width:510px;
	line-height:130%;
	margin:10px 0 0
}
#footer p#copy{
	text-align:center;
	margin:0;
	padding:20px 0
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}
.clearfix{
	display:block
}
* html .clearfix{
	height:1%
}
div.footer a, #footer a{
	text-decoration:none;
	color:#FFF
}
div.footer a:hover, .life-banner-box span a:hover, #footer a:hover{
	text-decoration:underline
}
.name, .h_bottom{
	width:100%;
	height:33px
}
.inframe h2, .topframe h1, .topmidd_left h2, .topmidd_cen h2, .topmidd_b1, .toppage_down h2, .house_right h2, .sche_right h2, .kengaku_img, .blog_right h2, .news_right h2{
	margin:0;
	padding:0
}
.contents_title, .contents h4{
	margin:0 0 8px;
	padding:0
}
* html .topmidd_left, *+html .topmidd_left, * html .toppage_middle, *+html .toppage_middle{
	height:278px
}
.outframe .toppage_down #index-h2-box h2, .outframe .toppage_down #index-h2-box h3, .outframe .toppage_down #index-h2-box p{
	text-indent:-9999px
}
.house_item, .work_item, .media_item, .library_item, .blog_item, .news_item{
	width:748px;
	padding-bottom:8px
}
.sche_left h3, .sche_left h4{
	font-size:medium;
	margin:0;
	padding:5px 0
}
.work_list, .work_details_top{
	width:748px;
	height:100%;
	background:#FFF
}
.kengaku_item, .privacy_item{
	width:748px;
	padding-bottom:8px;
	line-height:150%
}
.profile_left table, .library_item_details table{
	border:1px dotted #666;
	border-collapse:collapse;
	text-align:left;
	line-height:150%;
	padding:3px
}
.blog_left, .news_left{
	width:210px;
	float:left;
	margin-top:2px;
	margin-left:2px;
	padding:0
}