/* 
Thema Name:Maruzen
*/


@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    /*overflow-y: scroll;*/
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

/* 基本設定クラス */

.aC { text-align:center;}
.aL { text-align:left; }
.aR { text-align:right; }
.vaT { text-valign:top; }
.cB { clear:both; }
.centering { margin:0 auto; }

img.alignleft {
    text-align: left;
}

img.aligncenter {
    display: block;
    margin: 1px auto;
}

img.alignright {
    display: block;
    margin: 1px 1px 1px auto;
}

.fL { float:left; }
.fR { float:right; }

.mb0  { margin-bottom: 0px !important;}
.mb00 {	margin-bottom: 0px !important;}
.mb05 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb1em { margin-bottom:1em  !important;}
.ml30 {	margin-left: 30px !important;}
.ml15 {	margin-left: 15px !important;}


.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }


a:link,a:visited { color: #333; text-decoration:none; }
a:hover { text-decoration:underline; }

strong,
.strong { font-weight:bold; }
img { max-width:100%; height:auto;}

/*overwrite semantic-ui*/
p { margin:0; }

/*------------------------------------------
	テキスト
------------------------------------------*/

.sTxt { font-size: 74%!important; }
.mTxt { font-size: 90%!important; }
.lTxt { font-size:110%!important; }
.llTxt{ font-size:140%!important; }
.normalTxt { font-weight:normal!important;}
.uline { text-decoration:underline!important; }

/*テーマカラー*/
.green { color:#349a9a; }
.blue  { color:#173c8d; }
.brown { color:#a79262; }
.purple{ color:#9a77b7; }
.lightblue { color:#1f85c5; }
.red   {color:#d44c4e; }
.lightgreen { color:#0aa255; }
.yellow { color:#ffc000;}

/*------------------------------------------
	画像回り込み
------------------------------------------*/
.image_r {
	float:right;
	margin: 0 0 15px 20px;	
}

.image_l {
	float:left;
	margin: 0 15px 20px 0;	
}


/*------------------------------------------
	回り込み
------------------------------------------*/

.MenuL{
	float:left;
	margin: 0;
	padding: 0;
	width: 500px;
}
.MenuR{
	float:right;
	margin: 0;
	padding: 0;
	width: 500px;
}
.fLkenshu{
	float:left;
	margin-right: 60px;
}

/*------------------------------------------
	罫線
------------------------------------------*/
.bd1 { border:1px solid #ccc; }


/*------------------------------------------
	基本構造
------------------------------------------*/
body { 
	color:#333333;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	background:#f6f5f1;
	min-width:1140px;
}

#wrapper {
	width:100%;
	margin:0 auto;
}

#contentsArea {
	width:1140px;
	margin:0 auto;
}

#contentsArea div.inner {
	padding: 35px 35px 65px;
}

#contentsArea div.inner2 {
	margin-bottom:65px;
	padding: 35px;
	background:#fff;
}

/*--------------Header-----------------*/
#header {
	padding:10px 0 0 0;
	background:#343a46;
	line-height:1;
}

#header div.inner {
	width:1140px;
	height:55px;
	margin:0 auto;	
}

#headerLogo {
	float:left;	
}

#gNavi {
	float:right;
}

#gNavi li {
	float:left;
	margin-right:1px;
	padding-right:1px;
	border-right:1px dotted #fff;	
	height:43px;
}

#gNavi li:last-child {
	border-right:none;	
}

#gNavi li img.const {
	opacity:.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
}
/*--------------mainVisual-----------------*/
#mainVisual {
	width:1140px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
#mainVisual_lwork {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#d44c4e;
}
#mainVisual_lsupport {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#3d978d;
}
#mainVisual_ljigyo {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#1f85c5;
}
#mainVisual_lstaff {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#0aa255;
}
#mainVisual_lnews {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#9a77b7;
}
#mainVisual_lmedia {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#a79262;
}
#mainVisual_linfo {
	width:100%;
	height:322px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#173c8d;
}

#mainVisual_ala {
	width:100%;
	height:122px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#eeeeee;
}



/*--------------breadcrumb-----------------*/
#breadcrumb {
	width:1140px;
	margin:0 auto;	
	padding:10px 0;
}

#breadcrumb ul {
	padding:0 20px;	
}

#breadcrumb li {
	float:left;
	font-size:90%;
}

#breadcrumb li em {
	color:#2F6FD7;
}

/*--------------inner_contact-----------------*/
#inner_contact {
	background:#e6e3d1;
}

#inner_contact div.inner {
	position:relative;
	width:1140px;
	margin:0 auto;
	height:170px;
}

#inner_contact h2 {
	position: absolute;
	font-size: 200%;
	font-weight: bold;
	top: 59px;
	left: 214px;

}

.inner_contact_icon {
	position:absolute;
	left:528px;
	top:20px;
	width:122px;
	height:122px;	
}

.inner_contact_txt {
	position: absolute;
	left: 448px;
	top: 63px;
	font-size: 85%;
}
.inner_linkarrow {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(/wp_library/wp-content/themes/maruzen/images/ico_link_06.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;

width: 530px;
_width: 513px;
}

.inner_linkarrowred {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(wp_library/wp-content/themes/maruzen/images/ico_link_02.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;

width: 530px;
_width: 513px;
}

/*--------------バックナンバー-----------------*/

.backnumber1 {
	padding:0 20px 0 40px;	
}

.backnumber1 ul li {
	list-style-type:disc;
	margin-bottom:1em;
}


/*--------------Footer-----------------*/
#footer {
	background:#444;
	
}

#footerNavi {
	width:1100px;
	margin:0 auto;
	padding:35px 20px;
	font-size:85%;
	color:#666;
}

#footerNavi div.lists1 {
	float:left;
	width:180px;
	margin-right:20px;
}

#footerNavi div.lists2 {
	float:left;
	width:165px;
	margin-right:20px;
}

#footerNavi div.lists3 {
	float:left;
	width:140px;
}

#footerNavi li a {
	font-weight:bold;
	margin-bottom:30px;
}

#footerNavi li ul li a {
	font-weight:normal;
	margin-bottom:10px;	
}

#footerNavi a {
	display:block;
	text-decoration:none;
	color:#fff;
}

#footerNavi a:visited {
	color:#fff;
}

#footerNavi a:hover {
	color:#fff;
	text-decoration:underline;
}

/*--↓リンク未設定時用--*/

#footerNavi li span {
	display:block;
	font-weight:bold;
	margin-bottom:30px;
}

#footerNavi li ul li span {
	display:block;
	font-weight:normal;
	margin-bottom:10px;	
}
/*--↑リンク未設定時用--*/

#copyright {
	padding:20px 0;
	background:#232323;
	text-align:center;
	font-size:80%;
	color:#fff;	
}

/*--------------ローカルナビ-----------------*/
.lNavi{
	margin-bottom:35px;
}

.lNavi li {
	float:left;	
	height:130px;
}

.lNavi li a {
	display:block;
	padding-top:92px;
	text-align:center;
	color:#fff;
}

/*--------------ボックス-----------------*/
.box1 {
	padding:25px 20px 35px 25px;
	margin-bottom:35px;
	background:#fff;	
}

.box1 div.firstCol {
	float:left;
	width:555px;	
}

.box1 div.secondCol {
	float:right;
	width:410px;
	text-align:right;	
}

.box2 {
	padding:0;
	background:#fff;	
}

.box2 div.firstCol {
	float:left;
	width:555px;	
}

.box2 div.secondCol {
	float:right;
	width:500px;
	text-align:right;	
}
.box3 {
	text-align:center;
	padding:25px 40px 35px 45px;
	background:#e6e3d1;

}

.box3 p{
	margin-left:370px;
	width:700px;
	/*border:1px
	solid;*/
padding:6px 40px;
text-align:left;


}
.box4 {
	text-align:center;
	padding:25px 40px 35px 45px;
	background:#e6e3d1;

}

.box4 p{
	margin-left:570px;
	width:520px;
padding:6px 40px;
text-align:left;


}


/*--------------回り込み解除-----------------*/

.vbox{
  display: inline-block;
}
.vbox:after{
	content: ""; 
	display: block; 
	clear: both;
}

/*--------------見出し-----------------*/
.headerStyle1 {
	font-size:160%;
	font-weight:bold;
	margin-bottom:15px;
	padding:0 5px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/bg_header_underline.png) left bottom repeat-x;
}

.headerStyle2 {
	padding:55px 0 60px;
	text-align:center;	
}
.headerStyle3{
	margin: 25px 0;
	padding: 0;
	letter-spacing: -0.05em;
	font-size: 20px;
	color: #336699;/*初期値に*/
	font-weight: bold;/*初期値に*/
	background: none;/*初期値に*/
	height: auto;/*初期値に*/
	line-height: normal;/*初期値に*/

}
.headerStyle4{
	margin: 25px 0;
	padding: 0;
	letter-spacing: -0.05em;
	font-size: 20px;
	color: #0aa255;/*初期値に*/
	font-weight: bold;/*初期値に*/
	background: none;/*初期値に*/
	height: auto;/*初期値に*/
	line-height: normal;/*初期値に*/

}

.headerStyle_noborder {
	font-size:160%;
	font-weight:bold;
	margin-bottom:15px;
	padding:0 5px 25px;
}

/*--------------ボタン-----------------*/
/*-- 品質など（グリーン）--*/
.btnStyle_green {
	display:block;
	background:#349a9a;
	width:550px;	
}

.btnStyle_green a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_green.png) 500px center no-repeat;
	color:#fff;
}

/*-- 最新アップ情報（青）--*/
.btnStyle_blue {
	display:block;
	background:#173c8d;
	width:550px;	
}

.btnStyle_blue a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_blue.png) 500px center no-repeat;
	color:#fff;
}

/*-- コラム（茶）--*/
.btnStyle_brown {
	display:block;
	background:#a79262;
	width:550px;	
}

.btnStyle_brown a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_brown.png) 500px center no-repeat;
	color:#fff;
}

/*-- 丸善主催事業（ライトブルー）--*/
.btnStyle_lightblue {
	display:block;
	background:#1f85c5;
	width:550px;	
}

.btnStyle_lightblue a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_lightblue.png) 500px center no-repeat;
	color:#fff;
}

.btnStyle_lightbluemini {
	display:block;
	background:#1f85c5;
	width:220px;	
}

.btnStyle_lightbluemini a {
	display:block;
	padding:18px 15px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_lightblue.png) 170px center no-repeat;
	color:#fff;
}

/*-- 最新図書館情報（紫）--*/
.btnStyle_purple {
	display:block;
	background:#9a77b7;
	width:550px;	
}

.btnStyle_purple a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_purple.png) 500px center no-repeat;
	color:#fff;
}

/*-- お問い合わせ（赤）--*/

.btnStyle_red {
	display:block;
	background:#d44c4e;
	width:500px;	
}
.btnStyle_red a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_red.png) 450px center no-repeat;
	color:#fff;
}
/*-- 丸善スタッフの方へ（緑）--*/

.btnStyle_lgreen {
	display:block;
	background:#0aa255;
	width:500px;	
}
.btnStyle_lgreen a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_lgreen.png) 450px center no-repeat;
	color:#fff;
}

/*------------------------------------------
	個別ページ
------------------------------------------*/

/*--------------トップページ-----------------*/

#circle {
	position:fixed;
	width:100%;
	margin:0 auto;
	z-index:8000;
}

#circle_inner {
	width:300px;
	height:300px;
	margin:0 auto;
}

#circle2 {
	position:fixed;
	width:100%;
	margin:0 auto;
	z-index:8000;
}

#circle2_inner {
	width:166px;
	height:166px;
	margin:0 auto;
}


/*#index #wrapper #header {
	position:fixed;
	width:100%;
	top:0px;
	z-index:9998;
}*/

#i_mainVisual {
	width:1140px;
	margin:0 auto;
	/*padding:103px 0 0 0;*/
	padding:0;
	z-index:100;
	text-align:center;
}

#i_mainVisual_box {
	width:100%;
	z-index:100;
	text-align:center;
	background:#173c8e;
}


#i_news {
	width:100%;
	height:150px;
	z-index:9000;
	background:url(/images/bg_news.png);
}

#i_news h2 {
	float:left;
	width: 100px;
	height: 130px;
	margin-left: 300px;
	margin-top: 11px;
}

#i_news div.newsBox {
	float:right;
	width: 600px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-right: 100px;
	margin-top: 11px;
}

.inews_inner {
	width:1140px;
	height:120px;
	margin:0 auto;	
}

.inews_relative {
	position:relative;	
}

.inews_fixed {
	position:fixed;
	top:103px;
	z-index:9999;
	/*width:1280px;*/
	background:url(/images/bg_news.png);
	margin:0 auto;	
/*	background:#f6f5f1;*/
}

.i_unei_fixed {
	margin-top:120px!important;	
}

#i_unei_box {
	/*position:fixed;*/
	width:100%;
	height:810px;
	/*top:551px;	
	z-index:200;*/
}

#i_unei {
	position:relative;
	width:1140px;
	height:810px;
	margin:0 auto;
	background:url(/images/index_unei_bg.jpg) center top no-repeat;
}

#i_unei_mark {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 231px;
	top: 157px;
}

#i_unei h2 {
	position: absolute;
	width: 367px;
	height: 168px;
	left: 330px;
	top: 131px;
}

#i_unei p.headerTxt {
	position: absolute;
	width: 560px;
	color: #fff;
	left: 330px;
	top: 224px;
}

#i_unei_btn01 {
	position: absolute;
	width: 212px;
	height: 251px;
	left: 0px;
	top: 495px;
}

#i_unei_btn02 {
	position: absolute;
	width: 215px;
	height: 251px;
	left: 300px;
	top: 495px;
}

#i_unei_btn03 {
	position: absolute;
	width: 210px;
	height: 251px;
	left: 610px;
	top: 495px;
}

#i_unei_btn04 {
	position: absolute;
	width: 235px;
	height: 251px;
	left: 895px;
	top: 495px;
}
/*-----*/
#i_work_box {
	/*position:fixed;*/
	width:100%;	
	/*top:100%;
	z-index:300;*/
	height:805px;
	background:#fff;
}

#i_work {
	position:relative;
	width:1140px;
	height:805px;
	margin:0 auto;
	background:url(/images/index_work_bg.jpg) center top no-repeat;
}

#i_work_mark {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 533px;
	top: 71px;
}

#i_work h2 {
	position: absolute;
	width: 367px;
	height: 168px;
	left: 610px;
	top: 70px;
}

#i_work p.headerTxt {
	position: absolute;
	width: 460px;
	color: #fff;
	left: 610px;
	top: 209px;
}


#i_work_btn01 {
	position: absolute;
	width: 212px;
	height: 251px;
	left: 70px;
	top: 495px;
}

#i_work_btn02 {
	position: absolute;
	width: 215px;
	height: 251px;
	left: 464px;
	top: 495px;
}

#i_work_btn03 {
	position: absolute;
	width: 210px;
	height: 251px;
	left: 870px;
	top: 495px;
}

/*-----*/
#i_jigyou_box {
	background:#1f85c5;
	/*position:fixed;
	top:100%;*/
	width:100%;
	/*height:100%;
	z-index:400;*/
	height:325px;
}

#i_jigyou {
	position:relative;
	width:1140px;
	height:325px;
	margin:0 auto;
}

#i_jigyou h2 {
	position:absolute;
	left:60px;
	top:96px;
	width:385px;
	height:37px;
}

#i_jigyou ul {
	position: absolute;
	left: 60px;
	top: 165px;
	color: #fff;
}

#i_jigyou_btn01 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 500px;
	top: 105px;
}

#i_jigyou_btn02 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 715px;
	top: 105px;
}

#i_jigyou_btn03 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 920px;
	top: 104px;
}

/*-----*/
#i_libnews_box {
	background:#9a77a7;
	/*position:fixed;
	top:100%;*/
	width:100%;
	/*height:100%;
	z-index:500;*/
	height:325px;
}

#i_libnews {
	position:relative;
	width:1140px;
	height:325px;
	margin:0 auto;
}

#i_libnews h2 {
	position:absolute;
	left:60px;
	top:96px;
	width:270px;
	height:37px;
}

#i_libnews ul {
	position: absolute;
	left: 60px;
	top: 165px;
	color: #fff;
}

#i_libnews_btn01 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 500px;
	top: 105px;
}

#i_libnews_btn02 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 715px;
	top: 105px;
}

#i_libnews_btn03 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 920px;
	top: 104px;
}

/*-----*/
#i_staff_box {
	background:#107c7f;
	/*position:fixed;
	top:100%;*/
	width:100%;
	height:325px;
	/*height:100%;
	z-index:600;*/
}

#i_staff {
	position:relative;
	width:1140px;
	height:325px;
	margin:0 auto;
}

#i_staff h2 {
	position:absolute;
	left:60px;
	top:96px;
	width:270px;
	height:37px;
}

#i_staff ul {
	position: absolute;
	left: 60px;
	top: 165px;
	color: #fff;
}

#i_staff_btn01 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 500px;
	top: 105px;
}

#i_staff_btn02 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 715px;
	top: 105px;
}

#i_staff_btn03 {
	position: absolute;
	width: 138px;
	height: 138px;
	left: 920px;
	top: 104px;
}

#i_work p.headerTxt a:link,
#i_work p.headerTxt a:visited,
#i_jigyou ul li a:link,
#i_libnews ul li a:link,
#i_staff ul li a:link,
#i_jigyou ul li a:visited,
#i_libnews ul li a:visited,
#i_staff ul li a:visited {
	color:#fff!important;
}




/*--------------図書館の運営支援-----------------*/
.sup_index_col1 {
	background:#fff;
}

.sup_index_col1 .firstCol {
	float:left;
	width:45%;	
}

.sup_index_col1 .secondCol {
	float:left;
	width:50%;
	padding-left:30px;
	padding-right:20px;
}

.sup_index_col1 .secondCol p {
	padding:30px 0 0;		
}

.sup_index_hinshitsu {
	float:left;
	width:235px;
	margin-right:180px;
}

.sup_index_hinshitsu2 {
	float:left;
	width:235px;
}

.sup_index_hinshitsu h4,
.sup_index_hinshitsu2 h4 {
	text-align:center;
	margin-bottom:20px;
}
/*--------------運営実績・お客様の声-----------------*/


ul.lib_nav{
width: 1050px;
margin: 0 auto;
margin-bottom: 30px;
padding: 0;
list-style: none;
overflow: hidden;
}

ul.lib_nav li{
float: left;
width: 110px;
margin-right: 30px;
}

ul.lib_nav li:last-child{
margin-right: 0px;
}

dl.voice {
  width:580px;
}
dl.voice dt {
  float:left;
  clear:left;
  width:80px;
  height:100px;

}
dl.voice dd {
  float:left;
  width:490px;
  height:100px;
}
.bgglay {
background-color: #EFEFEF;
padding: 10px;
}
dl.face {
  width:1000px;
}
dl.face dt {
  float:left;
  clear:left;
  width:600px;
  height:100px;

}
dl.face dd {
  float:left;
  width:400px;
}
.linkarrow {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(images/ico_link_01.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;

width: 530px;
_width: 513px;
}

.linkarrow2{
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(images/ico_link_03.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;
width: 530px;
_width: 513px;
}


/*--------------お客様の声　詳細-----------------*/

dl.voicedetail {
  width:650px;
  margin-top:30px;
}
dl.voicedetail dt {
  float:left;
  clear:left;
  width:250px;
  height:220px;

}
dl.voicedetail dd {
  float:left;
  width:250px;
}

/*--------------お問い合わせ-----------------*/
div.addbox{
width: 630px;
}
div.addbox h4{
font-size: 100%;
background-position: 2px 2px;
background-repeat: no-repeat;
padding-left: 16px;
margin-bottom: 8px;
margin-left: 5px;
width: 166px;
float: left;
}
div.addbox p{
	padding-left: 10px;
	margin: 0 0 8px 170px;
	width: 996px;
	display: block;
	border-left: 1px solid #d6d6d6;
}
.dottedline {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px dotted #000;
min-height:1px;/* IE7 */
}
.dottedline :after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/*--------------なぜ丸善-----------------*/

#sup_mr01 {
	background:#e77e22;	
}

#sup_mr02 {
	text-align:center;
	line-height:0;
}

#sup_mr03 {
	background:#eb5043;	
}

#sup_mr04 {
	background:#96cee3;
	text-align:center;
	line-height:0;
}

#sup_mr05 {
	background:#8f44ad;	
}

#sup_mr06 {
	background:#ccc;
	text-align:center;
	line-height:0;
}

#sup_mr01 .mr_inner,
#sup_mr03 .mr_inner,
#sup_mr05 .mr_inner{
	width:920px;
	margin:0 auto;
	padding:30px 0;
	color:#fff;
}

#sup_mr01 h2,
#sup_mr03 h2,
#sup_mr05 h2 {
	text-align:center;
	margin-bottom:20px;
}



/*--------------品質-----------------*/


/*ローカルナビ（品質）------------*/
#lNavi_hinshitsu_01 {
	width:380px;
}

#lNavi_hinshitsu_01.off {
	background:#999 url(/lib_support/images/bg_lnavi_hinshitsu_01_off.gif) center top no-repeat;	
}

#lNavi_hinshitsu_01.on {
	background:#999 url(/lib_support/images/bg_lnavi_hinshitsu_01_on.gif) center top no-repeat;	
}

#lNavi_hinshitsu_02 {
	width:380px;
}

#lNavi_hinshitsu_02.off {
	background:#999 url(/lib_support/images/bg_lnavi_hinshitsu_02_off.gif) center top no-repeat;	
}

#lNavi_hinshitsu_02.on {
	background:#999 url(/lib_support/images/bg_lnavi_hinshitsu_02_on.gif) center top no-repeat;	
}

#lNavi_hinshitsu_03 {
	width:380px;
}

#lNavi_hinshitsu_03.off {
	background:#999 url(/lib_support/images/bg_lnavi_hinshitsu_03_off.gif) center top no-repeat;	
}

#lNavi_hinshitsu_03.on {
	background:#999 url(/lib_support/images/bg_lnavi_hinshitsu_03_on.gif) center top no-repeat;	
}

/*--------------最新アップ情報-----------------*/

.newsTxt {
	margin-bottom:50px;	
}

.newsPhoto {
	text-align:center;
}

.newsPhoto img {
	margin:10px;	
}

.pager {
	text-align:center;
	margin-bottom:35px;	
}

.pager a {
	border:1px solid #ccc;
	margin:0 15px;
	padding:10px 20px;
	background:#fff;	
}
/*--------------図書館で働きたい方へ-----------------*/

.work_list {
padding:20px 0;
text-align:center;
}

.work_list li {
display:inline;
margin:0 10px;
}


/*------------------
ul.work_nav{
width: 1070px;
margin: 0 auto;
margin-bottom: 50px;
padding: 0;
list-style: none;
overflow: hidden;
margin-left: 30px;
}

ul.work_nav li{
float: left;
width: 222px;
margin-right: 134px;
}
ul.work_nav li a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
--------------------*/


.btnwork {
	display:block;
	background:#d44c4e;
	width:500px;	
}

.btnwork a {
	display:block;
	padding:18px 25px;
	background:url(/wp_library/wp-content/themes/maruzen/images/icon_btn_green.png) 500px center no-repeat;
	color:#fff;
}
.workL{
	float:left;
	margin: 0;
	padding: 10px;
	width: 510px;
}
.workR{
	float:right;
	margin: 0;
	padding: 0;
	width: 490px;
}
.linkarrowr {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(/wp_library/wp-content/themes/maruzen/images/ico_link_02.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;

width: 530px;
_width: 513px;
}


ul.touroku_nav{
width: 1050px;
margin: 0 auto;
margin-bottom: 30px;
margin-left: 40px;
padding:20px 0;
list-style: none;
overflow: hidden;
}

ul.touroku_nav li{
float: left;
width: 183px;
margin-right: 20px;
}

ul.touroku_nav li:last-child{
margin-right: 0px;
}



/*--------------主催事業のご紹介-----------------*/


.linkarrowb {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(/wp_library/wp-content/themes/maruzen/images/ico_link_04.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;

width: 530px;
_width: 513px;
}
.jigyouL{

	float:left;
	margin: 0;
	padding: 10px;
	width: 480px;
}
.jigyouR{
	float:right;
	margin: 0;
	padding: 0;
	width: 460px;
	margin-left:10px;
}
.jigyou2L{

	float:left;
	margin: 0;
	padding: 10px;
	width: 230px;
}

/*--------------丸善スタッフの方へ-----------------*/

.linkarrowsta {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(images/ico_link_03.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;
}
.staffL{

	float:left;
	margin: 0;
	padding: 0;
	width: 710px;
}
.staffR{
	float:right;
	margin: 0;
	padding: 0;
	width: 290px;
}


/*--------------最新図書館情報-----------------*/

.lib_news {
	margin-bottom:30px;	
}

.lib_news dt {
	clear:both;
	float:left;
	width:130px;
	margin-bottom:1em;
}

.lib_news dd {
	float:left;
	width:820px;	
	margin-bottom:1em;
}

/*--------------新着情報-----------------*/
.linkarrownews {
font-weight: bold;
margin-bottom: 12px;
padding-left: 20px;
background-image: url(http://library.maruzen.co.jp/wp_library/wp-content/themes/maruzen/images/ico_link_05.jpg);
background-repeat: no-repeat;
background-position: left 3px;
font-size: 14px;
}