@charset "utf-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka;*/
	/* font-family:"ＭＳ Ｐゴシック";*/
	font-family:"ＭＳ Ｐゴシック",Osaka,Arial,sans-serif;
	
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	
	
	
}

img{
	border:none;
}

.inline-block{
	display: inline-block; 
}

.f_l{
	float:left;
}

.f_r{
	float:right;
}

#container { 
	width: 990px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	border-width: 0px 1px 1px 1px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

#header { 
	background: #FFFFFF; 
	background-image:url(../images/header_bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 0;
	margin: 0;
	height:117px;/*98+19*/
	position: relative;  
	z-index:30;
	border-bottom:solid 1px #000000;
	margin-bottom:5px;
} 

#header #header_top { 
	padding: 7px 16px  3px 11px;
	margin: 0;
	height:39px;
	
	position: absolute;  
	top: 0;  
	left: 0; 
	z-index:2;
} 

#header #header_top #header_top_main{ 
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
} 
#header #image_no1{ 
	position: absolute;  
	top: 0;  
	right: 0;  
} 


#header #header_main { 
	position: absolute;  
	top: 13px;  
	left: 0;  
	width:100%;
} 
#header #header_main #dw_logo{ 
	position: absolute;  
	top: 13px;  
	left: 0;  
} 

#header #header_main #header_bannar{
	position: absolute;  
	top: 6x;  
	left:396px;  
}


#header h1 {
	margin: 0; 
	padding: 0; 
}



#textmenu{
	padding: 10px;
	font-size:10px;
	text-align:center;
}

#footer { 
	padding: 10px; 
	background:#ECF7FF; 
	text-align:center;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.5em;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}



.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#twittericon{
	position: absolute;  
	top: 96px; 
	right: 10px; 

}

/*
	globalメニュー
*/

#globalmenu{

	position: absolute;  
	top: 92px; /*64+19+9*/ 
	left: 0px; 
	
	/* background-color:#333333; */
}

#globalmenu .nav, #globalmenu .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

#globalmenu .nav {
  z-index: 100;
  position: relative;
}
#globalmenu .nav li {
  /* border-left: 1px solid #aa0000; */
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  
  background-image:url(../images/global_bg_line.gif);
  background-repeat:no-repeat;
  background-position:right 5px;

}
#globalmenu .nav li a,
#globalmenu .nav li a:link,
#globalmenu .nav li a:active,
#globalmenu .nav li a:visited {
  font-size:12px;
  line-height:1em;
  letter-spacing:0px;
  color: #000000;
  font-weight:bold;
  display: block;
  padding: 7px 11px;/* +6 */
  text-decoration: none;
}



#globalmenu .nav li a:hover {
  color: #000;	

}
#globalmenu #nav-one li:hover a, 
#globalmenu #nav-one li.sfHover a {
	text-decoration:underline;
   color: #FFFFFF;
	background-color:#000000;  
}
#globalmenu #nav-one li:hover ul a, 
#globalmenu #nav-one li.sfHover ul a {
	text-decoration:none;
  color: #FFFFFF;	
  background-color:#565656; 
}
#globalmenu #nav-one li:hover ul a:hover, 
#globalmenu #nav-one li.sfHover ul a:hover {
  background: #000000;
  color: #FFFFFF;	
}

#globalmenu .nav ul {
  background: #565656;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: 238px;/* +73  */
  position: absolute;
  top: -999em;
  left: -0px;
  
}
#globalmenu .nav li:hover ul,
#globalmenu .nav li.sfHover ul {
  top: 25px;
}
#globalmenu .nav ul li {
  background:none;
  float: none;
}


#globalmenu .nav ul a,
#globalmenu .nav ul a:link,
#globalmenu .nav ul a:active,
#globalmenu .nav ul a:visited {
  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 205px;/* +73  */
  white-space: nowrap;
	font-weight:normal;
}



#globalmenu .nav ul a:hover {
  background: #ccc;
  color: #000;
}



#globalmenu .nav ul li span.nav_h{

    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1em;
    padding: 3px 11px;
    text-decoration: none;


  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 205px;/* +73  */
  white-space: nowrap;
	font-weight:normal;
	
	color:#000000;
	background-color:#CCCCCC;
	
}

#globalmenu .nav ul a.inner{
  padding-left:21px;/* 11+10 */
  width: 195px;/* -10 */

}



#headerBottom{
	font-size:10px;
	margin-bottom:5px;
}

#other_comment{
	float:right;
	letter-spacing:1px;
	color:#666666;
}

/*
	ブレッドクラム
*/


#breadcrumbslist{
	letter-spacing:1px;
	padding-left:4px;
}





/*
	トップページ
*/
#topContents{
}

#topContentsSide{
	float: left;
	width: 216px; 
	padding: 0 0 5px 0;
}

#topContentsMain{
	margin: 6px 0 0 220px;
	padding: 0 10px;
	font-size:14px;
}

#coverImage{
	background-image:url(../images/coverImage_bg.png);
	background-repeat:no-repeat;
	padding:6px 16px 6px 8px;
	height:270px;
	margin-left:5px;
}

#coverImage #image_cover{
	margin-left: 4px;
}

#coverImage div.price{
	font-size:12px;
	text-align:right;
	font-weight:bold;
	padding-right: 10px;

}



#topContentsMain h3{
	font-size:14px;
	margin-bottom:1em;
	border-bottom:solid 1px #000000;
}
#topContentsMain h4{
	font-size:32px;
	margin-top:0.3em;
	margin-bottom:0.3em;
}
#topContentsMain p.fukudai{
	font-size:18px;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:0.6em;
}

#topContentsMain p{
	line-height:1.5em;
	margin-bottom:1em;
	
}

#topContentsMain h5{
	color:#891414;
	margin:0;
	margin-bottom:0.6em;
}
#topContentsMain ul{
	padding:0;
	margin:0;
	
	padding-left:1em;
}

#topContentsMain li{
	list-style:none;
	margin-bottom:0.6em;
	line-height:1.3em;
}

#topContentsMain #topContentsMain_header{
	margin-bottom:15px;
}
#topContentsMain #topContentsMain_header img{
	vertical-align:middle;
}
#topContentsMain #topContentsMain_sub_l{
	font-size:12px;
	float: left;
	width: 380px; 
	padding: 6px 0 5px 0;
}


#topContentsMain #topContentsMain_sub_r{
	font-size:12px;
	margin: 0 0 0 390px;
	padding: 6px 0 5px 0;
}

#topContentsMain #topContentsMain_sub_l h5{
	font-size:14px;
}


#topContentsMain #topContentsMain_sub_r h5{
	font-size:14px;
}




/*


*/

#contents{
	font-size:12px;
	
}
#page_header {
	margin:16px;
}
#page_header  h2{
	font-size:16px;
	margin-bottom:1em;
	
	border-left:solid 3px #000000;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

#contents h2{
	font-size:16px;
	margin-bottom:1em;
	
	border-left:solid 3px #000000;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

/*


*/
#mainContents{
	clear:both;
	float: left;
	width: 704px; 
	padding: 6px 0 5px 16px;
}
#mainContents p{
	margin-bottom:1em;
}
/*
	サブコンテンツ

*/

#subContents{
	margin: 6px 0 0 725px;
	padding: 0 10px 0 10px;
	font-size:12px;
}
#subContents p{
	margin-bottom:1em;
	line-height:1.5em;
}

#subContents li{
 	margin-left:1em;
}
#subContents div.subContent,
#subContents div.subContentBlue{
	border:solid 1px #CCCCCC;
	padding: 0 0;
	margin-bottom:6px;
}
#subContents div.subContent h3{
 	border-bottom:solid 1px #CCCCCC;
	background-image:url(../images/subContent_bg.jpg);
	background-repeat:repeat-x;

	font-size:12px;
	padding:0.3em 0.6em 0.1em 0.6em;
}
#subContents div.subContentBlue h3{
 	border-bottom:solid 1px #CCCCCC;
	background-image:url(../images/subContent_bg_blue.jpg);
	background-repeat:repeat-x;

	font-size:12px;
	padding:0.3em 0.6em 0.1em 0.6em;
}

#subContents div.subContent div.subContent_inner,
#subContents div.subContentBlue div.subContent_inner{
	padding:0.4em 0.6em;
}






/*
	page_top
*/

#mainContents.page_top{
	width: 710px; 
	padding-top: 0;

}
#subContents.page_top{
	margin-top: 0;
}

#mainContents div.mainContent{
	border:solid 1px #CCCCCC;
	padding: 0 0;
	margin-bottom:6px;
}
#mainContents div.mainContent h3{
 	border-bottom:solid 1px #CCCCCC;
	background-image:url(../images/subContent_bg.jpg);
	background-repeat:repeat-x;

	font-size:12px;
	padding:0.3em 0.6em 0.1em 0.6em;
}
#mainContents div.mainContent h4{
 	margin-bottom:6px;
	margin-top:6px;
}
#mainContents div.mainContent h5{
 	margin-bottom:6px;
}
#mainContents div.mainContent p{
	line-height:1.5em;
 	margin-bottom:6px;
}
#mainContents div.mainContent div.mainContent_inner{
	padding:0.4em 0.6em;
}


/*
	キャンペーン
*/

#campaign2{
	float:right;
	padding: 0 6px;
	background-color:#FFFFFF;
	margin-top:14px;
}

#campaign2_inner{
	background-color:#F7F7F7;
	border:dotted 1px #CCCCCC;
	text-align:left;
	padding:10px;
	width:200px;
}
#campaign2 p{
	font-size:12px;
}


#subContents #campaign2{
	float:none;
	margin-bottom:16px;
	text-align:center;
}
#subContents #campaign2_inner{
	margin: 0 auto;
	padding:0;
}

/**
	flash 
*/
#campaign2_flashbanner{
	float:right;
	padding: 0 6px;
	background-color:#FFFFFF;
	margin-top:14px;
	z-index:0;
}
#campaign2_flashbanner #campaign2_inner{
	background-color:#F7F7F7;
	border:none;
	text-align:left;
	padding:0px;
	width:240px;
}
#subContents #campaign2_flashbanner{
	float:none;
	margin-bottom:16px;
	text-align:center;
	padding: 0 0;
}
#subContents #campaign2_flashbanner #campaign2_inner{
	margin: 0 0;
	padding:0 0;
	border:none;
}









div.dammmy{
	background-color:#F7F7F7;
	border:dotted 1px #CCCCCC;
	text-align:center;
	padding:100px;
	margin: 10px 0;
}
div.dammmyButton{
	padding:1em;
	margin: 10px 0;
	text-align:center;
}
div.dammmyButton a{
	background-color:#666666;
	border:solid 1px ##000000;
	text-align:center;
	padding:1em;
	color:#FFFFFF;
}



/*
	お問い合わせ
*/
div#d_service_center{
	text-align:center;
}
div#d_service_center h3{
	text-align:left;
	color:#FFFFFF;
	background-image:url(../images/about_dw/ranking_title_bg.jpg);
	overflow:hidden;
	width:100%;
	padding:6px 0;
	font-size:12px;
	margin-bottom:0;
}
div#d_service_center img{
	vertical-align:middle;
}
div#d_service_center h3 span{
	padding:0px 6px 0px 6px;
}
div#d_service_center .d_service_center_inner{
	margin: 20px auto;
	width:620px; 
}
div#d_service_center .d_service_center_main{
	border:solid 1px #CCCCCC;
	padding:10px;
}



div#d_service_center .d_service_center_jp{
	text-align:left;
	margin-bottom:10px;
	border-bottom:solid 1px #999999;
	overflow:hidden;
	width:100%;
	padding-bottom:10px;
}

div#d_service_center .d_service_center_jp div{
	width:100px;
	float:left;
}

div#d_service_center .d_service_center_en{
	text-align:left;
	overflow:hidden;
	width:100%;
}

div#d_service_center .d_service_center_en div{
	width:100px;
	float:left;
}


/****************************************************************
	サイド
****************************************************************/

/*
	お問い合わせ
*/

#d_service_center_left{
	
}

#d_service_center_left p{
	margin-bottom:0;
}

#d_service_center_left img{
	margin-top:4px;
}
#d_service_center_left .css_button_3{
	margin-top:6px;
}

/*
	sideBanners

*/

#sideBanners{
	background-color:#EEF7FF;
}
/*
	campaigns

*/
#campaigns #campaign2_inner{
	border:none;
	width:auto;
	background:none;
}


/****************************************************************
	ボタン
****************************************************************/

a.css_button_1{
	background-image:url(../images/button/button1_bg.gif);
	background-repeat:no-repeat;
	
	width:147px;/* 147px - 0px */
	height:17px;/* 23px - 6px */
	display: inline-block;
	
	padding-top:6px !important;
	padding-left:0px;
	line-height:1em !important;

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	
}

a.css_button_1:link,
a.css_button_1:active,
a.css_button_1:visited {
	background-position: 0 0;
}

a.css_button_1:hover {
	background-position: 0 -23px;
}

/* size_40  */
a.css_button_1_40{
	background-image:url(../images/button/button1_40_bg.gif);
	background-repeat:no-repeat;
	
	width:147px;/* 147px - 0px */
	height:24px;/* 40px - 16px */
	display: inline-block;
	
	padding-top:16px !important;
	padding-left:0px;
	line-height:1em !important;

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	
}

a.css_button_1_40:link,
a.css_button_1_40:active,
a.css_button_1_40:visited {
	background-position: 0 0;
}

a.css_button_1_40:hover {
	background-position: 0 -40px;
}

/*    */
a.css_button_2{
	background-image:url(../images/button/button2_bg.gif);
	background-repeat:no-repeat;

	width:166px;/* 190px - 24px */
	height:24px;/* 36px - 12px */
	display: inline-block; 
	padding-top:12px !important;
	padding-left:24px;
	line-height:1em !important;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#0D0D48;
}

a.css_button_2:link,
a.css_button_2:active,
a.css_button_2:visited {
	background-position: 0 0;
}

a.css_button_2:hover {
	background-position: 0 -36px;
}

/*    */
a.css_button_2_blue{
	background-image:url(../images/button/button2_blue_bg.gif);
	background-repeat:no-repeat;

	width:166px;/* 190px - 24px */
	height:18px;/* 26px - 8px */
	display: inline-block; 
	padding-top:8px !important;
	padding-left:24px;
	line-height:1em !important;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color:#0D0D48;
}

a.css_button_2_blue:link,
a.css_button_2_blue:active,
a.css_button_2_blue:visited {
	background-position: 0 0;
}

a.css_button_2_blue:hover {
	background-position: 0 -26px;
}


/*    */
a.css_button_2_blue_2{
	background-image:url(../images/button/button2_blue_2_bg.gif);
	background-repeat:no-repeat;

	width:166px;/* 190px - 24px */
	height:18px;/* 26px - 8px */
	display: inline-block; 
	padding-top:8px !important;
	padding-left:24px;
	line-height:1em !important;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color:#0D0D48;
}

a.css_button_2_blue_2:link,
a.css_button_2_blue_2:active,
a.css_button_2_blue_2:visited {
	background-position: 0 0;
}

a.css_button_2_blue_2:hover {
	background-position: 0 -26px;
}

/*  青ボタン  */

a.css_button_3{
	background-image:url(../images/button/button3_bg.gif);
	background-repeat:no-repeat;
	
	width:190px;/* 190px - 0px */
	height:18px;/* 26px - 8px */
	display: inline-block;
	
	padding-top:8px !important;
	padding-left:0px;
	line-height:1em !important;

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
a.css_button_3:link,
a.css_button_3:active,
a.css_button_3:visited {
	background-position: 0 0;
}
a.css_button_3:hover {
	background-position: 0 -26px;
}


a.css_button_4{
	background-image:url(../images/button/button4_bg.jpg);
	background-repeat:no-repeat;
	width:290px;/* 330px - 40px */
	height:41px;/* 50px - 9px */
	display: inline-block; 
	padding-top:9px !important;
	padding-left:40px;
	line-height:1em !important;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#0D0D48;
}

a.css_button_4:link,
a.css_button_4:active,
a.css_button_4:visited {
	background-position: 0 0;
}

a.css_button_4:hover {
	background-position: 0 -50px;
}

a.css_button_4 span {
	color:#0D0D48;
	font-size:12px;
	font-weight:normal;
	display: block;
	margin-bottom:4px;

}





/*  お気に入りボタン  */

a.bookmarkButton{
	background-image:url(../images/bookmarkButton.jpg);
	background-repeat:no-repeat;
	
	width:184px;/* 200px - 16px */
	height:24px;/* 37px - 13px */
	display: inline-block;
	
	padding-top:13px !important;
	padding-left:16px;
	line-height:1em !important;
	text-decoration:none;
	text-align:center;

	font-weight:bold;
	font-size:14px;

}
a.bookmarkButton:link,
a.bookmarkButton:active,
a.bookmarkButton:visited {
	background-position: 0 0;
}
a.bookmarkButton:hover {
	background-position: 0 -37px;
}

#bookmarkbox{
	padding:5px 20px 10px 20px;
}

/*  目次ボタン  */

a.mokujiButton{
	background-image:url(../images/mokujiButton.jpg);
	background-repeat:no-repeat;
	
	width:84px;/* 100px - 16px */
	height:25px;/* 41px - 16px */
	display: inline-block;
	
	padding-top:16px !important;
	padding-left:16px;
	line-height:1em !important;
	text-decoration:none;
	text-align:center;

	font-weight:bold;
	font-size:14px;

}
a.mokujiButton:link,
a.mokujiButton:active,
a.mokujiButton:visited {
	background-position: 0 0;
}
a.mokujiButton:hover {
	background-position: 0 -41px;
}

/*  中吊りボタン　nakaduriButton  */


a.nakaduriButton{
	background-image:url(../images/nakaduriButton.jpg);
	background-repeat:no-repeat;
	
	width:114px;/* 130px - 16px */
	height:25px;/* 41px - 16px */
	display: inline-block;
	
	padding-top:16px !important;
	padding-left:16px;
	line-height:1em !important;
	text-decoration:none;
	text-align:center;

	font-weight:bold;
	font-size:14px;

}
a.nakaduriButton:link,
a.nakaduriButton:active,
a.nakaduriButton:visited {
	background-position: 0 0;
}
a.nakaduriButton:hover {
	background-position: 0 -41px;
}

/*  最新号購入ボタン　  */


a.buyNewBookButton{
	background-image:url(../images/buyNewBookButton.jpg);
	background-repeat:no-repeat;
	
	width:174px;/* 220px - 46px */
	height:25px;/* 41px - 16px */
	display: inline-block;
	
	padding-top:16px !important;
	padding-left:46px;
	line-height:1em !important;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;


}
a.buyNewBookButton:link,
a.buyNewBookButton:active,
a.buyNewBookButton:visited {
	background-position: 0 0;
}
a.buyNewBookButton:hover {
	background-position: 0 -41px;
}





/****************************************************************
	bannerArea
****************************************************************/
#bannerArea{
	background-color:#EEF7FF;
	width:188px;/* 200-12 */
	padding:6px;
	margin:0 auto;
}

#bannerArea p{
	font-size:12px;
	padding-top:4px;
	padding-bottom:2px;
	color:#000000;
	line-height:1em;
	margin-bottom:0;
	font-weight:bold;

}

#bannerArea span{
	display:block;
	text-align:right;
	font-size:12px;
	margin-top:3px;
}




/****************************************************************
	定期購読者メニュー
****************************************************************/


#container #taikisenyoBox{
	
}


#container #taikisenyoBox{
	 padding: 0;
	 border: 3px solid #FF6600;
}
#container #taikisenyoBox h3{
	display:block;
    background-image: url("../images/subContent_taikisenyou_bg.jpg");
    background-repeat: repeat-x;
    border-bottom: 1px solid #FF6600;
    font-size: 12px;
    padding: 0.3em 0.6em 0.1em;
	 color:#FFFFFF;
	 text-align:center;
	 font-size:14px;
	 margin-bottom:0;
}

#container #taikisenyoBox ul{
	padding:6px 6px;
	margin:0;
}
#container #taikisenyoBox ul li{
	background-image: url("../images/subContent_taikisenyou_listIcon.gif");
	background-repeat:no-repeat;
	background-position:5px center ;
	
	list-style:none;
	padding: 6px 0;
	padding-left:20px;
	line-height:1em;
	margin:0;
	
	font-size:13px;

}

#container #taikisenyoBox ul li.inner{
	background-image: url("../images/subContent_taikisenyou_listIcon2.gif");
	background-repeat:no-repeat;
	background-position:15px center ;
	padding-left:35px;

	
	
}
#container #taikisenyoBox ul li.ltop{
	
	
}