@charset "shift_jis";

/* reset */
body,div,ul,ol,li,dl,dt,dd,form,th,td,h1,h2,h3,h4,h5,p{margin:0; padding:0; font-style:normal;line-height:1.5;}
ul{list-style-type:none;}
table,img{border:0;}
/* set */
body{background:#FFF; color:#333; font-size:10px;}
textarea {font-size:1em;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
/* clear */
.clear{clear:both;}
.clear0{clear:both; height:1px; line-height:1px;}
/* mouseover */
a:hover img.btn{filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; opacity:0.7; background:#FFF;}

/* ========== Layout ========== */

body { text-align:center; }
#header,#gnavi,#contents,#footer{width:700px; margin:0 auto; text-align:left;}
#main{float:left; width:74%;}
#side{float:right; width:26%;}

/* ========== header ========== */

#header{height:62px;}
#logo{float:left; width:180px; padding:10px 0 0 5px;}
#outline{float:right; width:400px; padding:23px 8px 0; text-align:right; font-size:11px; font-weight:normal;}

/* ========== gnavi ========== */

#gnavi{height:37px;}
#gnavi ul{width:100%;}
#gnavi li{float:left;width:140px; height:21px; overflow:hidden;}
#gnavi-home img{margin-left:0;}
#gnavi-works img{margin-left:-140px;}
#gnavi-profile img{margin-left:-280px;}
#gnavi-voice img{margin-left:-420px;}
#gnavi-contact img{margin-left:-560px;}

/* ========== contents ========== */

#contents{background:url(../img/bg-center.gif) repeat-y;}
.contents-bgtop{width:100%; background:url(../img/bg-top.gif) no-repeat left top;}
.contents-bgbottom{width:100%;background:url(../img/bg-bottom.gif) no-repeat left bottom;}

/* ========== side ========== */
#side{padding:0 0 20px 0}
#side-logo{padding:20px 0 0; text-align:center;}
#side-topics{padding:15px 0 10px 16px;}
#side-topics-list li{
	margin:0 0 0 18px;
	padding:5px 28px 5px 12px;
	background: url(../banar/dot_blue.gif) no-repeat;
	font-size:11px;
}
.side-bn{margin:12px 15px 0 15px; background:url(../banar/head7px.gif) repeat-x 0 -3px;}
.side-bn p{padding:15px 0 0; text-align:center;}
#snavi{
	padding:30px 0 0;
	margin:0 15px -10px;
}
#snavi dl{
	padding:0 0 15px;
}
#snavi dt{
	padding:0 0 10px;
}
#snavi dd{
	padding:3px 0 3px 22px;
	background:url(../img/snavi-mark.gif) no-repeat 5px 50%;
	font-size:12px;
}
/* ========== main ========== */
#main{position:relative;}
#topicpath{
	position:absolute;
	top:32px;
	left:0;
	width:497px;
	font-size:11px;
	text-align:right;
}
#pagetitle{
	height:91px;
	margin:0 22px 30px 22px;
	background:url(../banar/head7px.gif) repeat-x left bottom;
}
#pagetitle p{
	padding:25px 0 0 3px;
}
#pagetitle h1{
	padding:3px 0 0 4px;
	font-size:12px;
	font-weight:normal;
}
.bn-contact{
	clear:both;
	margin:30px 0 40px 0;
	text-align:center;
}
.text01 p{
	margin:20px 0 0 0;
	padding:0 25px;
	font-size:12px;
}
.layout-center{text-align:center;}
.layout-center30{margin:30px 0;text-align:center;}
.layout-right{text-align:right;}
/* table */
.table01{
	margin:30px 25px;
}
.table01 table{
	width:100%;
}
.table01 td table{
	width:auto;
}
.table01 th,
.table01 td{
	padding:8px 0 8px 15px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.table01 th{
	background:url(../img/company-data-mark.gif) no-repeat 0 11px;
}

/* ========== footer ========== */
#footer{margin-top:20px;padding:20px 0 18px;border-top:2px solid #DF8398;border-bottom:1px solid #CCC;}
#footer-contact{float:left;width:60%;font-size:11px;}
#footer-contact img{margin-bottom:5px;}
#footer-navi{float:right;width:39%;}
#footer-navi ul{float:left;width:49%;padding:8px 0 0;font-size:11px;}
#footer-navi ul li{padding:2px 0 2px 15px;background:url(../img/footer-mark.gif) no-repeat 0 50%;}
#copyright{clear:both;padding:20px 0;text-align:center;font-size:12px;}



/* ========== toppage ========== */
#toppage-topimg{
	margin:0 0 -10px 0;
	height:302px;
	background:url(../img/toppage-topimg.gif) no-repeat 7px 2px;
}
#toppage-topimg p{
	padding:25px 0 0 20px;
	font-size:14px;
	font-weight:bold;
}
#toppage-about{
	margin:40px 0 0 0;
	padding:0 0 0 18px;
}
#toppage-about h2{
	height:51px;
}
#toppage-about h3{
	height:36px;
	background:url(../img/toppage-about-bg1.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	text-align:center;
}
#toppage-about-text{
	width:100%;
	background:url(../img/toppage-about-bg2.gif) repeat-y;
}
#toppage-about-text dl{
	float:left;
	width:162px;
	padding:12px 0 0 0;
}
#toppage-about-text dt{
	min-height:5em;
	padding:0 12px 0 28px;
	background:url(../img/toppage-about-mark.gif) no-repeat 12px 4px;
	font-size:12px;
	font-weight:bold;
}
#toppage-about-text dd{
	padding:0 12px 12px 12px;
	font-size:11px;
}
#toppage-point{
	margin:25px 0 0 0;
	padding:0 0 0 18px;
}
#toppage-point h2{
	height:54px;
}
#toppage-point-text{
	width:100%;
	background:url(../img/toppage-point-bg-center.gif) repeat-y;
}
#toppage-point-text dl{
	float:left;
	width:151px;
}
#toppage-point-text dl#toppage-point1{margin:0 16px 0 0;}
#toppage-point-text dl#toppage-point2{margin:0 14px 0 0;}
#toppage-point-text dt{
	height:68px;
}
#toppage-point-text dd{
	padding:0 15px 10px 15px;
	color:#EF7F98;
	font-size:12px;
}
#toppage-point-text span{
	display:block;
	padding:0 0 10px 0;
	font-size:10px;
}
#toppage-merit{
	margin:40px 0 0 0;
}
#toppage-merit h2{
	text-align:center;
}
#toppage-merit h3{
	margin:20px 20px 0 20px;
	padding:0 0 3px 36px;
	border-bottom:6px solid #999;
	background:url(../img/toppage-merit-mark.gif) no-repeat 16px 2px;
	color:#EF7F98;
	font-size:16px;
	font-weight:bold;
}
#toppage-merit p{
	margin:10px 20px 0 36px;
	font-size:12px;
}

/* ========== works ========== */
.works-title1{
	margin:30px 25px 0 25px;
	padding:26px 0 8px 20px;
	border-top:1px solid #E894A3;
	background:url(../img/works-title1.gif) no-repeat 0 30px;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
.works-flow{
	width:480px;
	margin:0 0 0 25px;
}
.works-flow dl{
	float:left;
	width:169px;
}
.works-flow dl#works-flow3{
	width:135px;
}
.works-flow dd{
	width:135px;
	padding:5px 0 0 0;
	font-size:11px;
	color:#666;
}
.works-flow-catch{
	margin:10px 25px 0 25px;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
/* index */
#works-list{
	margin:30px 0 30px 33px;
	width:475px;
}
#works-list li{
	float:left;
	width:235px;
	height:279px;
}
/* logo */
.logo-pickup{
	margin:20px 25px 0 25px;
	padding:25px 0 0 0;
	background:url(../banar/head7px.gif) repeat-x 0 -3px;
}
#logo-syokupan{
	background:none;
	margin-top:0;
	padding-top:0;
}
.logo-pickup h3{
	margin:0 0 15px 0;
}
.logo-pickup h4{
	margin:0 0 15px 0;
	padding:0 0 0 18px;
	background:url(../img/works-title2.gif) no-repeat 0 2px;
	color:#666;
	font-size:14px;
	font-weight:bold;
}
.logo-pickup p{
	margin:0 0 15px 0;
	padding:0 160px 0 0;
	font-size:12px;
}
.logo-pickup p.logo-pickup-company{
	padding:0 0 0 200px;
}
.logo-works{
	margin:20px 0 40px 25px;
}
.logo-works table{
	width:470px;
}
.logo-works td table{
	width:auto;
}
.logo-works td{
	padding:20px 0;
	background:url(../banar/head7px.gif) repeat-x 0 -3px;
}
.logo-works td.logo-works-img{ width:168px; text-align:center; }
.logo-works td.logo-works-text{ padding-left:30px; font-size:12px; text-align:left; }

/* paper */
.text01 p.paper-pickup-text{
	margin-bottom:30px;
	padding-left:220px;
}
.paper-pickup-midashi,.editorial-pickup-midashi{
	margin:0 25px -10px 25px;
	padding:20px 0 0 0;
	border-top:1px solid #E894A3;
}
.works-paper-2col{
	margin:30px 29px 20px;
}
.works-paper-2col ul{
	width:100%;
}
.works-paper-2col li{
	float:left;
	width:49.5%;
	height:160px;
	text-align:center;
}
.works-paper-3col{
	margin:30px 29px 20px;
}
.works-paper-3col ul{
	width:100%;
}
.works-paper-3col li{
	float:left;
	width:33%;
	height:145px;
	text-align:center;
}
/* ede */
.text01 p.ede-pickup-text{
	margin-bottom:30px;
	padding-left:220px;
}
.works-ede-2col{
	margin:30px 29px 20px;
}
.works-ede-2col ul{
	width:100%;
}
.works-ede-2col li{
	float:left;
	width:49.5%;
	height:146px;
	text-align:center;
}
.works-ede-3col{
	margin:30px 29px 20px;
}
.works-ede-3col ul{
	width:100%;
}
.works-ede-3col li{
	float:left;
	width:33%;
	height:177px;
	text-align:center;
}
.works-ede-pickup{
	margin:20px 25px 0 25px;
	padding:0 0 0 0;
}
/* books */
.works-books{
	margin:40px 40px 20px;
}
.works-books ul{
	width:100%;
}
.works-books li{
	float:left;
	width:33%;
	height:150px;
	text-align:center;
}

/* ========== profile ========== */
#profile{
	width:470px;
	margin:30px 0 0 25px;
}
#profile-photo{
	float:left;
	width:160px;
}
#profile-data{
	float:right;
	width:290px;
}
#profile-data h2{
	margin:0 0 5px 0;
	color:#DE8092;
	font-size:14px;
	font-weight:bold;
}
#profile-data p{
	margin:0 0 15px 0;
	font-size:12px;
}
#company-data{
	padding:30px 0 0 0;
	background:url(../img/line2.gif) repeat-x left top;
}
#company-data p{
	margin:0 0 20px 0;
	font-size:12px;
}

/* ========== voice ========== */
.voice{
	width:465px;
	margin:30px 0 0 30px;
	padding:0 0 25px 0;
	background:url(../img/line2.gif) repeat-x left bottom;
}
.voice p{
	margin:0 0 10px 0;
	font-size:12px;
}
.voice p span{
	font-size:10px;
}
.voice-text{
	float:left;
	width:323px;
	margin:0 0 -5px 0;
}
.voice-photo{
	float:right;
	width:120px;
	margin:0 0 -10px 0;
	text-align:center;
}
.voice-photo img{
	margin:0 0 5px 0;
}

/* ========== contact ========== */
#contact-form{
	padding:30px 0 0 30px;
}