@charset "utf-8";
/* CSS Document */

html,body{
	margin:0;
	padding:0;
}
body {font:13px/1.231 ;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{
font-size:small;
	text-align:center;
	color: #333;
	background-color: #fff;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	clear: both;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	display: none;
}
th,td{
}
p,ul,ol,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	line-height: 1.4;
	position:static;
}
ul{
	list-style: none;
}
a img{
	border: 0;

}
a{
	color: #003399;
	text-decoration: none;
}
a:hover{
	color: #FF6600;
	text-decoration: none;
}
br.cb{
	clear: both;
}


/*======================================
#container
=======================================*/
div#container{
	text-align:left;
/*	background: url(../images/bg_container.gif) repeat-y 0 0;*/
	clear: both;
}
div#content p{
	line-height:2em;
}
div#content div.post p{
	line-height:1.2em;
}

/*======================================
#content
=======================================*/

div#content .h1Box{
	margin: 10px 0 0;
	padding: 5px;
/*	border: 4px solid #74BBFF;*/
/*	background: #EEF7FD url(../images/bg_h1box.gif) no-repeat 0 bottom;*/
}
div#content .h1Box h1{
	clear: both;
	font-size: 150%;
	color: #003167;
	padding: 2px 0 2px 8px;
	margin: 5px 0 0;
/*	border-left: 4px solid #74BBFF;*/
	line-height: 1;
}
div#content div.entry h2{
	clear: both;
	font-size: 110%;
/*	border-bottom: 4px solid #74BBFF;*/
	background: url(../images/bullet_square04.gif) no-repeat 0 center;
	padding: 3px 0 3px 15px;
	margin: 15px 5px 0;
}
div#content div.entry h3{
	clear: both;
	font-size: 100%;
	background: url(../images/bullet_square05.gif) no-repeat 0 center;
	padding: 0 0 0 15px;
	margin: 10px 5px 0;
}
div#content div.entry h4{
	clear: both;
	font-size: 100%;
	margin: 10px 5px 0;
	padding: 5px 5px 3px;
/*	border-bottom: 4px solid #74BBFF;*/
}
p.topicPath{
	font-size: 93%;
/*	border-bottom: 4px solid #74BBFF;*/
	padding: 0 0 5px;
	color: #666;
}
p.topicPath a{
	color: #666;
}
p.topicPath a:hover{
	color: #FF6600;
}
div.entry p{
	margin: 10px 10px 0;

}
div.entry p.date{
	text-align: right;
	margin: 10px 10px 0;
}
div.entry ul{
	margin: 10px 15px 0 30px;
	list-style-type: circle;
	clear: both;
}
div.entry ol{
	margin: 10px 15px 0 30px;
}
/*dl.topList{
	margin: 10px 10px 0;
}
dl.topList dt{
	float: left;
	width: 120px;
}
dl.topList dd{
	float: left;
	width: 350px;
}*/

div.entry div.ddsg-wrapper p,div.entry div.ddsg-wrapper p a{
	color: #999999;
}
div.entry div.ddsg-wrapper ul{
	margin: 10px 25px;
	list-style-type: circle;
}
div.entry div.ddsg-wrapper ul ul{
	margin: 0 0 5px 35px;
}
img.alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.alignright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.outlineBox{
	margin: 10px 10px 0;
}
table.outline{
}
table.outline th{
	width: 100px;
	color: #333;
	border-bottom:2px solid #74BBFF;
 padding:0.3em;
	vertical-align: top;
}
table.outline td{
	border-bottom:2px solid #74BBFFGF;
	padding:0.3em 0;
}

div.tags{
	margin: 20px 0 0;
}
div.tags p{
	border: 2px solid #74BBFF;
	padding: 5px;
	color: #666;
}



/*======================================
#navi ＆ #extra
=======================================*/
div#navi,
div#extra{
background-color:#EFF7FF;
}

div#navi p,
div#extra p{
	margin: 5px 10px 0;
}
div#navi ul.bullet_arrow01,
div#extra  ul.bullet_arrow01{
	margin: 5px 10px 0;
}
div#navi ul.bullet_arrow01 li,
div#extra ul.bullet_arrow01 li{
	background: url(../images/bullet_arrow01.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

/* .box */
div#navi .box,
div#extra .box {
/*	background: url(../images/bg_side.gif) repeat-y 0 0;*/
/*	border-bottom: 4px solid #74BBFF;
	border:solid 4px #74BBFF !important;*/
	margin: 10px 0 0;
	padding: 0 0 5px;
}


/*======================================
#navi
=======================================*/

/* #menuBox */
div#navi #menuBox {
background:transparent url(../images/inde.gif) no-repeat 0 0;

border:solid 2px #74BBFF;
/*	background: url(../images/bg_menu01.gif) repeat-y 0 0;*/
	margin: 10px 0 0;
	font-size:large;
}
div#navi #menuBox ul.menuList {
/*	background: url(../images/bg_menu00.gif) no-repeat 0 0;*/
	padding: 5px 0 0;
	margin-top:30px;

}
div#navi #menuBox ul li.list {
/*	background: url(../images/bg_menu02.gif) no-repeat 0 bottom;*/
/*	padding: 5px 5px 10px;*/
}
div#navi #menuBox ul li.list_end {
/*	background: url(../images/bg_menu03.gif) no-repeat 0 bottom;*/
	padding: 5px 5px 10px;
}
div#navi #menuBox ul li a{
	display: block;
	background: url(../images/bullet_square01.gif) no-repeat 6px center;
	padding: 5px 0 0 20px;
	text-decoration: none;
	color: #333;
}
div#navi #menuBox ul li a:hover{
	color: #FF6600;
}
div#navi #menuBox ul li a.square03{
	background: url(../images/bullet_square03.gif) no-repeat 6px center;
}
div#navi #menuBox ul li ul {
	padding: 2px 0 0;
}
div#navi #menuBox ul li ul li a {
	background: url(../images/bullet_square02.gif) no-repeat 6px center;
	margin: 0 0 0 15px;
}
div#navi #menuBox ul li ul ul li a {
	background: url(../images/bullet_square02.gif) no-repeat 6px center;
	margin: 0 0 0 25px;
}


/* #columnBox */
div#navi #columnBox {
border:solid 2px #74BBFF;
padding:0px;
}
div#navi #columnBox h3 a {
	display: block;
	height: 38px;
	background: url(../images/ttl_column.gif) no-repeat 0 0;
}
div#navi #columnBox h3 a:hover {
	background: url(../images/ttl_column_o.gif) no-repeat 0 0;

}
div#navi #columnBox img {
margin: 5px 10px 0;
}
/* #magBox */
div#navi #magBox {
border:solid 2px #74BBFF;

}
div#navi #magBox h3 a {
	display: block;
	height: 28px;
	background: url(../images/ttl_magazine.gif) no-repeat 0 0;	
}
div#navi #magBox h3 a:hover {
	background: url(../images/ttl_magazine_o.gif) no-repeat 0 0;
}
div#navi #magBox h4 {
	font-weight: bold;
	font-size: 100%;
	background: url(../images/bullet_square01.gif) no-repeat 0 center;
	padding: 0 0 0 15px;
	margin: 10px 10px 5px;
	line-height: 1;
}
div#navi #magBox h4 a {
	color: #333;
}
div#navi #magBox h4 a:hover {
	color: #FF6600;
}
#magBox form {
	margin: 0 0 0 15px;
}
#magBox .backnumber{
	line-height: 2;
	font-size: 93%;
}
#magBox .mag_rule{
	line-height: 1;
	font-size: 93%;
}
#magBox input.email{
	background: #f9f9f9; 
/*	border: 4px solid #74BBFF; */
	padding: 1px 3px;
	width: 160px;
}
#magBox input.email:hover	{
	background:#D9E8F3;
}
#magBox input.email:focus	{ 
	background:#F3F8F8; 
}
#magBox input.btn{
/*	border: 4px solid #74BBFF ;*/
	background-color: #FF9933;
	color: #FFF;
	font-size: 93%;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 0 0 35px;
	padding: 0 4px;
	letter-spacing: 3px;
	line-height: 1.3;
}
#magBox input.btn:hover{
	border: 4px solid #74BBFF;
	background-color: #FFCC66;
}

/*======================================
#extra
=======================================*/
/* #contactBox */
div#extra #contactBox {
	margin: 10px 0 0;

}
div#extra #contactBox ul {
	line-height: 1;
	margin: 10px 0 0;
}
div#extra #contactBox li {


	line-height: 1;
	display: inline;
}
div#extra #contactBox ul li a span {
	display: none;
}
div#extra #contactBox ul li div span {
	display: none;
}

div#extra #contactBox ul li a {
	display: block;
}
div#extra #contactBox ul li div.contact00 {
border:solid 2px #74BBFF;
	background: url(../images/toiawase.gif) no-repeat 0 0;
	height: 40px;
}
div#extra #contactBox ul li a.contact01 {
	background: url(../images/btn_contact01.gif) no-repeat 0 0;
	height: 40px;
}
div#extra #contactBox ul li a.contact01:hover {
	background: url(../images/btn_contact01_o.gif) no-repeat 0 0;
}
div#extra #contactBox ul li a.contact02 {
	background: url(../images/btn_contact02.gif) no-repeat 0 0;
	height: 39px;
}
div#extra #contactBox ul li a.contact02:hover {
	background: url(../images/btn_contact02_o.gif) no-repeat 0 0;
}
div#extra #contactBox ul li a.contact03 {
	background: url(../images/btn_contact03.gif) no-repeat 0 0;
	height: 39px;
}
div#extra #contactBox ul li a.contact03:hover {
	background: url(../images/btn_contact03_o.gif) no-repeat 0 0;
}
div#extra #contactBox ul li a.contact04 {
	background: url(../images/btn_contact04.gif) no-repeat 0 0;
	height: 39px;
}
div#extra #contactBox ul li a.contact04:hover {
	background: url(../images/btn_contact04_o.gif) no-repeat 0 0;
}

/* #abcBox */	
div#extra #abcBox {
border:solid 2px #FFB93F;
}
div#extra #abcBox h3 a {
	display: block;
	height: 43px;
	background: url(../images/ttl_ocl-abc.gif) no-repeat 0 0;
}
div#extra #abcBox h3 a:hover {
	background: url(../images/ttl_ocl-abc_o.gif) no-repeat 0 0;
}

/* #profileBox */
div#extra #profileBox {
/*	background:red url(../images/bg_profile02.gif) repeat-y 0 0;*/
	margin: 10px 0 0;
	padding: 0 0 10px;
border:solid 2px #74BBFF;
}
div#extra #profileBox #btn_profile {
	height: 77px;
	background: url(../images/profile.jpg) no-repeat 0 0;
	display: block;
}
div#extra #profileBox #btn_profile p {
	padding: 53px 0 0 68px;
	margin: 0;
}
div#extra #profileBox #btn_profile p a {
	height: 19px;
	background: url(../images/btn_profile.gif) no-repeat 0 0;
	display: block;
}
div#extra #profileBox #btn_profile p a:hover {
	background: url(../images/btn_profile_o.gif) no-repeat 0 0;
}
div#extra #profileBox p {
	font-size: 93%;
}

/* #profileBox */
div#extra #profileBox p {
margin: 10px 10px 0;
}

/* img.bnr_seminar */
div#extra img.bnr_seminar {
	margin: 10px 0 0;
}

/* #companyBox */
div #extra #companyBox{
border:solid 2px #74BBFF;
}

div#extra #companyBox h3 a {

	display: block;
	height: 28px;
	background: url(../images/ttl_company.gif) no-repeat 0 0;
}
div#extra #companyBox h3 a:hover {
	background: url(../images/ttl_company_o.gif) no-repeat 0 0;
}
div#extra #companyBox p.link {
	background: url(../images/bullet_arrow01.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
}

/*======================================
#topPage
=======================================*/
div#topContent h1{
	background: url(../images/img_top.jpg) no-repeat 0 0;
	height: 177px;
}
div#topContent .box{
/*	background: url(../images/bg_main.gif) repeat-y 0 0;*/
/*	border-bottom: 4px solid #74BBFF;*/
	padding: 0 0 10px;
}
div#topContent .box .topPht{
	margin: 10px 0 0 10px;
	padding: 0 0 1px;
}
div#topContent .box .topPht img{
	float: left;
	padding: 0 10px 0 0;
}
div#topContent .box .topPht .list{
	float: left;
	width: 373px;
}
div#topContent .box h3{
	font-size: 100%;
	background: url(../images/bullet_square01.gif) no-repeat 0 center;
	padding: 0 0 0 15px;
	margin: 0;
	line-height: 1;
}
div#topContent .box h3 a {
	color: #333;
}
div#topContent .box h3 a:hover {
	color: #FF6600;
}

div#topContent .box .topPht .list p{
	padding: 5px 0 10px;
}
#news{
height:100%;
background:transparent url(../images/shinchaku.gif) no-repeat 0 0;
padding:10px;
padding-top:20px;
	padding-bottom: 10px;
border:solid 2px #74BBFF;
margin:10px auto;
}
#news h2{
padding:5px;
}
#news h2 img{
	float: right;
	margin: 0 0 0 35px;
}
#news dl.topList{
	margin: 10px 0 0 10px;
}
#news .inside{
	clear: both;
	background: url(../images/hr01.gif) no-repeat center 0;
	padding: 5px 0 0;
	margin: 10px 0 0;
}
#news dt{
margin-top:10px;
font-weight:bold;
line-height:1.5em;
}
#news h3{
	margin: 10px 10px 0;
}
#news ul{
	margin: 5px 10px 0;
	padding: 0;
}
#news li{
	margin: 0;
	padding: 0;
}
#news p{
	margin: 10px 10px 0;
}

#yotei{
height:100%;
background:transparent url(../images/yotei.png) no-repeat 0 0;
padding:10px;
padding-top:20px;
	padding-bottom: 10px;
border:solid 2px #74BBFF;
margin:10px auto;
}
#yotei h2{
padding:5px;
}
#yotei h2 img{
	float: right;
	margin: 0 0 0 35px;
}
#yotei.topList{
	margin: 10px 0 0 10px;
}
#yotei .inside{
	clear: both;
	background: url(../images/hr01.gif) no-repeat center 0;
	padding: 5px 0 0;
	margin: 10px 0 0;
}
#yotei dt{
margin-top:10px;
font-weight:bold;
line-height:1.5em;
}
#yotei h3{
	margin: 10px 10px 0;
}
#yotei ul{
	margin: 5px 10px 0;
	padding: 0;
}
#yotei li{
	margin: 0;
	padding: 0;
}
#yotei p{
	margin: 10px 10px 0;
}



div#topContent div#service{
	margin: 10px 0 0;
}
div#topContent div#service h2 a{
	display: block;
	background: url(../images/ttl_service.gif) no-repeat 0 0;
	height: 29px;
}
div#topContent div#service h2 a:hover{
	background: url(../images/ttl_service_o.gif) no-repeat 0 0;
}
div#topContent div#seminar{
	margin: 10px 0 0;
}
div#topContent div#seminar h2 a{
	display: block;
	background: url(../images/ttl_seminar.gif) no-repeat 0 0;
	height: 29px;
}
div#topContent div#seminar h2 a:hover{
	background: url(../images/ttl_seminar_o.gif) no-repeat 0 0;
}
div#topContent div#seminar p{
	padding: 0 0 5px;
}
div#topContent div#seminar p.link{
	background: url(../images/bullet_arrow01.gif) no-repeat 0 5px;
	padding: 0 0 10px 15px;
}
div#topContent div#seminar h3{
	font-size: 100%;
	background: url(../images/bullet_square01.gif) no-repeat 0 center;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
}
dl.topList{
	margin: 10px 0 0 10px;
}
div#topContent div#seminar .inside{
	clear: both;
	background: url(../images/hr01.gif) no-repeat center 0;
	margin: 10px 0 0;
	padding: 10px 0 0;
}
div#topContent div#seminar .inside p{
	padding: 10px 10px 0;

	}

/*======================================
#header
=======================================*/
div#header{
	width: 100%;
	border-bottom: 2px solid #74BBFF;
	padding:0 0 10px;
}
div#header .inside{
	width: 910px;
	margin: 0 auto;
	height: 57px;
}
div#header span{
	display: none;
}
div#header div#logoBox{
	float: left;
	padding: 20px 10px 0;
	vertical-align: bottom;
	width: 713px;
}
div#header div#logoBox a#logo{
	display: block;
	background: url(../images/logo.gif) no-repeat 0 0;
	width: 173px;
	height: 27px;
	float: left;
	margin: 0 20px 0 0;
}
div#header div#logoBox a#logo:hover{
	background: url(../images/logo_o.gif) no-repeat 0 0;
}
div#header div#logoBox p.copy{
	font-size: 10px;
	width: 520px;
	color: #777;
	padding: 0;
	margin: 0;
	text-align: left;
}
div#header ul.contact{
	float: right;
	margin: 15px 10px 0 0;
}
div#header li.txt_mail{
	display: block;
	background: url(../images/txt_mail.gif) no-repeat 0 0;
	width: 133px;
	height: 18px;
}
div#header li.txt_tel{
	display: block;
	background: url(../images/txt_tel.gif) no-repeat 0 0;
	margin: 2px 0 0;
	width: 133px;
	height: 20px;
}

/*======================================
Footer
=======================================*/
div#footer{	
	clear: both;
	font-size: 85%;
	padding-top: 50px;
	text-align: center;
}
div#footer p{
	border-top: 4px solid #74BBFF;
	padding: 10px;
	color: #666;

}


/*======================================
Float
=======================================*/
div#container{width:910px;margin:0 auto}
div#wrapper{float:left;width:700px}
div#content{float:right;width:490px}
div#extra{float:right;width:200px;}
div#navi{float:left;width:200px;}
div#footer{clear:both;width:100%}


.v_bnr{
border:solid 2px #ccc;
width:235px;
}
.sq_bnr{
float:left;
width:235px;

padding:0px;
margin:0 auto;
background-color:#fff;
}

div#bnr_left.sq_bnr div.t_left a,div#bnr_right.sq_bnr div.t_right a{		
display:block;
text-indent:-9999px	;
float:right;
background:url(../images/shousai1.gif) no-repeat right center;
width:100px;
height:30px;
}
div#bnr_left.sq_bnr{
margin-left:2px;
}
div#bnr_left.sq_bnr div.t_right a{
background:url(../images/shousai.gif) no-repeat right center;
}
#bnr_right{
margin:0 0 0 5px;
background-color:#fff;

}


#feed {
float:right;
margin-top:-10px;

}

#bnrs{
border:none !important;
}

#topContent{
border:dotted 1px #74BBFF;
}
#topContent .inside{

margin:auto;
width:490px;
}
div#books.box{
	background:url(../images/ttl_shuppan.gif) no-repeat 0 0;
}
div#new_books.box{
}
div#books.box img,div#new_books.box img{
}

#books img{

padding-top:30px;
display:block;
width:467px;
	margin:0 auto 0 auto;
	}
#new_books img{

padding-top:10px;
display:block;
width:467px;
	margin:0 auto 0 auto;
	}
	.l_margin_10{
	margin-left:10px;
	}
.ban{
display:none;
}