@charset "utf-8";

/* =======================================
*Description: Define main layout
  [1]:layout
  [2]:Header
  [3]:Contents
  		#3-1:Contents_left
  		#3-2:Right_menu
		#3-3:Contents_common
  [4]:Footer
  [5]:Print
========================================== */



/* ------------------------------------------
  [1]:layout
------------------------------------------ */
body{
	color:#343434;
	background: #F2F5Fa;
}
/*html, body, #wrap {height: 100%;}
body >#wrap {height: auto; min-height: 100%;}*/
#wrap {
	padding-bottom:0px;
	padding-left:20px;
	width:950px;
	}



/* ------------------------------------------
  [2]:headContent
------------------------------------------ */
#headContent{
	text-align:left;
	/*padding-top:15px;*/
	/*background:url(/common/img/bg_header.jpg) repeat-x;*/
}
#headContent #headerTitle{
	width:300px;
}
#headContent #headerTitle strong{
	font-size: 77%;
	font-weight:400;
	margin-left:20px;
}
#headContent #headerTitle h1{	margin:2px 0 0 -238px;}
:root *> #headContent #headerTitle h1{margin:4px 0 0 -238px;}

#headContent #headerTitle h1 a{
	display:block;
	width:300px;
	height:21px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(/common/web/images/logo_galapagos-store.gif) no-repeat;
}

#headContent #headerTab{
	width:710px;
	padding-top:11px;
}
#headContent #headerSearch{
	//border:#acacac 1px solid;
	width:710px;
	padding:15px 0px;
}
#headContent #headerSearch img{
	float:left;
	padding-left:10px;
  margin-top:4px;
}
#headContent #headerSearch form{
	float:left;
	padding-left:10px;
	padding-right:15px;
}
#headContent #headerSearch .textbox{
	float:left;
	width:224px;
	border:#acacac 1px solid;
	height:28px;
}
#headContent #headerSearch .btn-search{
	float:left;
	margin:0 0px 0 0 ;
	padding:0;
	height:30px;
  background-image: url(/common/web/images/btn_search_plain.png);
  border: none;
  width:47px;
  background-color: #ffffff;
}
#headContent #headerSearch ul{
	float:left;
	padding-left:10px;
}
#headContent #headerSearch ul li{
	float:left;
	margin:0;
	padding:0;
}
#headContent #headerSearch ul img{
	margin:0;
	padding:0;
}


#headContent #headerSearch ul a{
  display:block;
  height:30px;
  text-indent:-9999px;
}

#headContent #headerSearch ul a.searchAuthor{
  background:url("/common/web/images/btn_search_auther.png");
  width:65px;
}
#headContent #headerSearch ul a.searchPublisher{
  background:url("/common/web/images/btn_search_publisher.png" );
  width:64px;
}
#headContent #headerSearch ul a.searchDetail{
  background:url("/common/web/images/btn_search_detail.png" );
  width:64px;
}

.iPad #headContent #headerSearch ul a{
  font-size:14px;
  color:black;
	padding-top: 6px;
	text-indent:0px;
  box-sizing:border-box;
  text-align:center;
}

.iPad #headContent #headerSearch ul a.searchAuthor{
  background:url("/common/web/images/btn_search_author_plain.png");
  width:66px;
}
.iPad #headContent #headerSearch ul a.searchPublisher{
  background:url("/common/web/images/btn_search_publisher_plain.png" );
  width:64px;
}
.iPad #headContent #headerSearch ul a.searchDetail{
  background:url("/common/web/images/btn_search_detail_plain.png" );
  width:64px;
}

#headContent #headerTab ul#snavi{
	margin-top:6px;
	padding:0 15px 0 0;
}
#headContent #headerTab ul#snavi li{
	/*border-right:#cccccc 1px solid;*/
	padding:0 10px 0 10px;
	float:right;
}
#headContent #headerTab ul#snavi li a{
	padding-left:10px;
	background:url(/common/web/images/arw_01.gif) left center no-repeat;
}

#headContent #headerTab ul#gnavi{
	height:44px;
}
#headContent #headerTab ul#gnavi li{
	float:left;
	width:142px;
}

#headContent #headerTab ul#gnavi li a{
	float:left;
	margin: 0;
	padding: 0;
	width:142px;
	height:44px;
	overflow:hidden;
  font-size:16px;
  color:white;
	padding-top: 12px;
	text-indent:0px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  text-align:center;
}

#headContent  ul#gnavi li.gn01 a{background:url(/common/web/images/top_btn_plain.png) no-repeat;}
#headContent  ul#gnavi li.gn02 a{background:url(/common/web/images/book_btn_plain.png) no-repeat;}
#headContent  ul#gnavi li.gn03 a{background:url(/common/web/images/comic_btn_plain.png) no-repeat;}
#headContent  ul#gnavi li.gn04 a{background:url(/common/web/images/magazine_btn_plain.png) no-repeat;}
#headContent  ul#gnavi li.gn05 a{background:url(/common/web/images/newspaper_btn_plain.png) no-repeat;}

/* mause over*/
#headContent #headerTab ul#gnavi li.gn01 a:hover{background-position: 0px -44px;}
#headContent #headerTab ul#gnavi li.gn02 a:hover{background-position: 0px -44px;}
#headContent #headerTab ul#gnavi li.gn03 a:hover{background-position: 0px -44px;}
#headContent #headerTab ul#gnavi li.gn04 a:hover{background-position: 0px -44px;}
#headContent #headerTab ul#gnavi li.gn05 a:hover{background-position: 0px -44px;}

#headContent #headerTab.encourage ul#gnavi li.gn01 a{color:#ffb609;}
#headContent #headerTab.books ul#gnavi li.gn02 a{color:#ffb609;}
#headContent #headerTab.comics ul#gnavi li.gn03 a{color:#ffb609;}
#headContent #headerTab.magazine ul#gnavi li.gn04 a{color:#ffb609;}
#headContent #headerTab.newspaper ul#gnavi li.gn05 a{color:#ffb609;}

/*
#headContent #headerTab ul#gnavi li.gn01 a:hover{
background:url(/common/web/images/gnavi01_o.jpg) no-repeat;}
#headContent #headerTab ul#gnavi li.gn02 a:hover{
background:url(/common/web/images/gnavi02_o.jpg) no-repeat;}
#headContent #headerTab ul#gnavi li.gn03 a:hover{
background:url(/common/web/images/gnavi03_o.jpg) no-repeat;}
#headContent #headerTab ul#gnavi li.gn04 a:hover{
background:url(/common/web/images/gnavi04_o.jpg) no-repeat;}
#headContent #headerTab ul#gnavi li.gn05 a:hover{
background:url(/common/web/images/gnavi05_o.jpg) no-repeat;}

#headContent .encourage ul#gnavi li.gn01 a:hover{
background:url(/common/web/images/gnavi01_o.jpg) no-repeat;}
#headContent .books ul#gnavi li.gn02 a:hover{
background:url(/common/web/images/gnavi02_o.jpg) no-repeat;}
#headContent .comics ul#gnavi li.gn03 a:hover{
background:url(/common/web/images/gnavi03_o.jpg) no-repeat;}
#headContent .magazine ul#gnavi li.gn04 a:hover{
background:url(/common/web/images/gnavi04_o.jpg) no-repeat;}
#headContent .newspaper ul#gnavi li.gn05 a:hover{
background:url(/common/web/images/gnavi05_o.jpg) no-repeat;}
*/

/* ------------------------------------------
  [3]:Contents
------------------------------------------ */
h2{
	height:60px;
	margin:0 20px;
	font-weight:bold;
	background:#333333 url(/common/web/images/ttl_nomal.jpg) repeat-x;
}
h2 strong{
	font-size:153.9%;
	color:#ffffff;
	line-height:1em;
	margin:6px 0 0 20px;
	padding:15px 0 10px;
	float:left;
	background:url(/common/web/images/bg_title_nomal.jpg) left 5px no-repeat;
}

#content{
	clear:both;
	margin:1px 0 0 30px;
	text-align:left;
}


/* ------------------------------------------
  [3-1]:Contents_left
------------------------------------------ */

.contentLeft{
	width:710px;
	float:right;
}

body#top .contentLeft{
	width:710px;
	float:right;
}
.area{
	clear:both;
	padding-bottom:20px;
}
.area.staticNews {
  background: #fff;
  border: #bbd 1px solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 3px;
  padding-bottom: 7px;
}

/*#cart-3 .area#loginSection{*/
#cart-3 .area{
	padding-bottom:0px;
}


body#top #content #innerContent h2.sptarget{
	color:#000000;
	text-shadow:none;
	border:none;
}

#content #contentInr h3{
	clear:both;
	font-size:116%;
	background:#D6D6D6 url(/common/web/images/bg_stitle.jpg) repeat-x;
	padding:6px 15px 5px 15px;
	margin:30px 0 0 0;
	border-left:5px solid #B7B7B7;
	font-weight:bold;
}


#content #innerContent h2{
	padding-bottom:0;
	margin-bottom:0;
}

#innerContent div.gpStatic {
  background: #fff;
  border: #bbd 1px solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 3px;
  padding-bottom: 7px;
}

#innerContent div.clist-body {
  background: #fff;
  border: #bbd 1px solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 3px;
  padding-bottom: 7px;
}

#innerContent div.static.limited {
  background: #fff;
  border: #bbd 1px solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 3px;
  padding-bottom: 7px;
}

div.street #innerContent div.area {
  background: #fff;
  border: #bbd 1px solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 3px;
  padding-bottom: 7px;
}

#innerContent div.gpStatic p.staticNewsLink {
  padding: 10px;
  font-size: 20px;
  text-align: center;
}
#innerContent div.gpStatic p.staticNewsLink a {
  text-decoration: underline;
  color: #f29100;
  padding-left: 30px;
  background: url(/common/device/img/icn_ticker.png) left center no-repeat;
}

/* ------------------------------------------
 *   [3-1-1]:Contents_Middle
 *   ------------------------------------------ */


.contentMiddle {
        width:759px;
}
body#top .contentMiddle{
        width:710px;
        float:left;
}

body#top #content #innerContent h2.sptarget{
        color:#000000;
        text-shadow:none;
        border:none;
}

#content #contentInr h3{
        clear:both;
        font-size:116%;
        background:#D6D6D6 url(/common/web/images/bg_stitle.jpg) repeat-x;
        padding:6px 15px 5px 15px;
        margin:30px 0 0 0;
        border-left:5px solid #B7B7B7;
        font-weight:bold;
}


#content #innerContent h2{
        padding-bottom:0;
        margin-bottom:0;
}
/* ------------------------------------------
  [3-2]:Right_menu
------------------------------------------ */








/* ------------------------------------------
  [3-2]:Right_menu
------------------------------------------ */

#contentRight{
	width:210px;
  /* *height:1530px; */
	float:left;
	margin-top:12px;
	text-align:left;
}

body#top #contentRight{
	width:210px;
	float:left;
	margin-top:12px;
	text-align:left;
}

/*#contentRight h3,
#contentRight p{
	display:none;
}*/

#contentRight #firstTime{
	margin-bottom:10px;
}
#contentRight #grapa-app{
	margin-bottom:15px;
}
#contentRight #grapa-app img{
	margin-bottom:5px;
}


#contentRight #boxBuy h3,
#contentRight #boxBuy p,
#contentRight #mediaFun h3,
#contentRight #mediaFun p,
#contentRight #indexInfo h3{
	display:none;
}

#contentRight #boxBuy a.link03{
	display:block;
	width:160px;
	height:15px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:345px;
	left:25px;
}
#contentRight #boxBuy{
	margin-bottom:10px;
	width:210px;
	height:210px;
	position:relative;
}
#contentRight #boxBuy a.link01{
	display:block;
	width:190px;
	height:63px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:129px;
	left:10px;
}
#contentRight #boxBuy a.link02{
	display:block;
	width:190px;
	height:15px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:278px;
	left:10px;
}
#contentRight #mediaFun a{
	display:block;
	width:176px;
	height:24px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
#contentRight #mediaFun a.link01{
	position:absolute;
	top:119px;
	left:16px;
}
#contentRight #mediaFun a.link02{
	position:absolute;
	top:148px;
	left:16px;
}
#contentRight #mediaFun a.link03{
	position:absolute;
	top:177px;
	left:16px;
}
#contentRight #mediaFun a.link04{
	position:absolute;
	top:206px;
	left:16px;
}
#contentRight #mediaFun{
	margin-bottom:20px;
	width:210px;
	height:217px;
	background:url(/common/web/images/right.navi/img_mediaFun01.jpg) no-repeat;
	position:relative;
}
body#top #contentRight #mediaFun a{
	display:block;
	width:177px;
	height:24px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
body#top #contentRight #mediaFun a.link01{
	position:absolute;
	top:119px;
	left:16px;
}
body#top #contentRight #mediaFun a.link02{
	position:absolute;
	top:148px;
	left:16px;
}
body#top #contentRight #mediaFun a.link03{
	position:absolute;
	top:177px;
	left:16px;
}


#contentRight #rightBtn img{
	margin-bottom:5px;
}


/* murakoshi adds */
/* Right Menu */
#contentRight #gpnavi{
	width: 206px;
	border: 2px solid #555;
	margin-bottom: 10px;
	background: #9999ee;
}

#contentRight #gpnavi p{
	margin-left: 10px;
}

#contentRight ul#applink {
	width: 210px;
	margin-bottom: 10px;
}

#contentRight ul#applink p{
	margin-left: 10px;
	margin-bottom: 10px;
}

#contentRight ul#applink{
	height:42px;
}

#contentRight ul#applink li{
	float: left;
	width: 210px;
}

#contentRight ul#applink li a{
	float:left;
	margin-bottom: 10px;
	padding: 0;
	width:210px;
	height:42px;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}

#contentRight ul#sidebarCategory{
  border: #bbd 1px solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
	width: 210px;
	text-align: center;
	margin-bottom: 10px;
	background: white;
  margin-bottom:10px;
}

#contentRight ul#sidebarCategory li a{
	float:left;
	/*margin-bottom: 10px;*/
	width:210px;
	/*height:28px;*/
	font-size: 16px;
	/*line-height: 1.9;*/
	color: white;
	overflow:hidden;
	background: #004378 url("/common/web/images/arrow_wh_bl.gif") 96% 50% no-repeat;
  padding-top:2px;
  padding-bottom:2px;
}
#contentRight ul#sidebarCategory li.gn01 a,
#contentRight ul#sidebarCategory li.gn02 a,
#contentRight ul#sidebarCategory li.gn03 a,
#contentRight ul#sidebarCategory li.gn04 a,
#contentRight ul#sidebarCategory li.gn05 a{
	line-height: 1.9;
}


#contentRight ul#sidebarCategory li.genre a,
#contentRight .navi .naviBody .naviBodyItem a{
display:block;
	padding-left: 20px;
  /*
	margin-bottom: 6px;
	margin-top: 10px;
	width:180px;
  */
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom:10px;
	padding-top: 10px;
  border-bottom:1px solid #BBD;
	width:190px;
  
	text-align: left;
	/*height:20px;*/
	font-size: 14px;
	color: black;
	background: url("/common/web/images/arrow_org_white.gif") 4% 50% no-repeat;
  /*
	background: url("/common/web/images/arrow_org_white.gif") 4% 50% no-repeat;
  */
}

#contentRight .navi .naviBody .naviBodyItem a{
  border:none;
	padding-bottom:4px;
	padding-top: 6px;
}

#contentRight ul#link {
	/*height:316px;*/
}

#contentRight ul#link li{
	width:210px;
}

#contentRight ul#link li a{
  display:block;
	margin-bottom: 10px;
	padding: 0;
	width:210px;
	height:57px;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}

#contentRight .navi{
  background-color:white;
}

#contentRight .navi .naviBody{
  border: #bbd 1px solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#contentRight .navi .naviBody .naviBodyItem{
  margin-bottom:8px;
}
/*
contentRight .navi .naviBody .naviBodyItem a{
  margin-bottom:0px;
}
*/

#contentRight .navi .naviBody .naviBodyItem h4,
#contentRight .navi .naviBody .naviBodyItem p{
  font-size:14px;
  margin: 2px 8px;
}
#contentRight .navi .naviBody img{
  margin:6px;
}
#contentRight .navi .naviHeader img{
  width:100%;
}

#contentRight .navi .naviBody  a.appdl{
  width:190px;
  height:38px;
  display:block;
  margin:10px auto;
}
#contentRight .navi .naviBody  a.appdl:hover{
  background-position-y:38px;
}

#contentRight .navi .naviBody  a.appdl.appdl-android{
  background-image:url("/common/web/images/btn_appdl_android.png");
}

#contentRight .navi .naviBody  a.appdl.appdl-ios{
  background-image:url("/common/web/images/btn_appdl_ios.png");
}

#contentRight .navi .naviBody  a.appdl.appdl-win{
  background-image:url("/common/web/images/btn_appdl_win_W190.png");
}

#contentRight .navi .naviBody a.faq{
  background:url("/common/web/images/top/launch_new_tab.png") no-repeat 150px;
}

.iOS #contentRight .navi .naviBody  a.appdl.appdl-android{
  display:none;
}

#contentRight .navi .naviBody  a.ios-app-launch,
#cart-6 a.ios-app-launch,
#cart-6a a.ios-app-launch{
  background-image:url("/common/web/images/top/btn_ios_app_launch.png");
  background-size:cover;
  width:190px;
  height:38px;
  display:block;
  margin:auto;
}
#contentRight .navi .naviBody  a.ios-app-launch:hover{
background-position-y:38px;
}
/* Default */
#contentRight ul#applink li a{background:url(/common/web/images/btn_appdl_leftclm.png) no-repeat;}
#contentRight ul#link li.potal a{background:url(/common/web/images/left_tpc_btn_01.png) no-repeat;}
#contentRight ul#link li.info01 a{background:url(/common/web/images/left_tpc_btn_02.png) no-repeat;}
#contentRight ul#link li.info02 a{background:url(/common/web/images/left_tpc_btn_03.png) no-repeat;}
#contentRight ul#link li.info03 a{background:url(/common/web/images/left_tpc_btn_04.png) no-repeat;}
#contentRight ul#link li.info04 a{background:url(/common/web/images/left_tpc_btn_05.png) no-repeat;}
#contentRight ul#link li.info05 a{background:url(/common/web/images/left_tpc_btn_06.png) no-repeat;}
#contentRight ul#link li.info06 a{background:url(/common/web/images/left_tpc_btn_07.png) no-repeat;}
#contentRight ul#link li.info07 a{background:url(/common/web/images/left_tpc_btn_08.png) no-repeat;}
#contentRight ul#link li.info08 a{background:url(/common/web/images/btn_tpoint_close.png) no-repeat;}
#contentRight ul#link li.info09 a{background:url(/common/web/images/left_tpc_btn_09-2.jpg) no-repeat;}
#contentRight ul#link li.info10 a{background:url(/common/web/images/left_tpc_btn_10-3.png) no-repeat;}

/* mause over*/
#contentRight ul#applink li a:hover{background-position: 0px -42px;}
#contentRight ul#link li.potal a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info01 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info02 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info03 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info04 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info05 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info06 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info07 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info08 a:hover{background-position: 0px -57px;}
#contentRight ul#link li.info09 a:hover{background-position: 0px -85px;}
#contentRight ul#link li.info10 a:hover{background-position: 0px -85px;}

/* current */
#contentRight .encourage ul#sidebarCategory li.gn01 a{background: #0076ab url("/common/web/images/arrow_wh_lbl.gif") 96% 50% no-repeat;}
#contentRight .books ul#sidebarCategory li.gn02 a{background: #0076ab url("/common/web/images/arrow_wh_lbl.gif") 96% 50% no-repeat;}
#contentRight .comics ul#sidebarCategory li.gn03 a{background: #0076ab url("/common/web/images/arrow_wh_lbl.gif") 96% 50% no-repeat;}
#contentRight .magazine ul#sidebarCategory li.gn04 a{background: #0076ab url("/common/web/images/arrow_wh_lbl.gif") 96% 50% no-repeat;}
#contentRight .newspaper ul#sidebarCategory li.gn05 a{background: #0076ab url("/common/web/images/arrow_wh_lbl.gif") 96% 50% no-repeat;}


#contentRight ul#sidebarCategory .genreOther li a{
	float: left;
	padding-left: 40px;
	margin-left: 10px;
	padding-bottom: 10px;
  padding-top:10px;
	text-align: left;
  /*
	border: 1px solid #aaa;
  */
	width:148px;
	height:20px;
	font-size: 14px;
	color: black;
	background: url("/common/web/images/plus_icon.gif") 4% 50% no-repeat;
}

#contentRight ul#sidebarCategory #genreOther #sideMenuDisp {
  display: none;
  margin-left: 180px;
  border: 1px solid #999;
  background: #fff;
  width: 210px;
  font-size: 14px;
}

/* end */

/* ------------------------------------------
   [3-3]:Contents_common
------------------------------------------ */


/* Category Link */
#content #category{
	background:#F2F2F2;
	border:1px solid #DCDCDC;
	padding:10px 0 5px 15px;
}
#content #category ul{
	width:335px;
	float:left !important;
	padding-bottom:5px;
}
#content #category li{
	margin:0;
	color:#D93333;
	padding:0 0 5px 0;
}
#content #category strong{
	margin-left:10px;
}
#content #category li a{
	padding-left:10px;
	margin-bottom:5px;
	background:url(/common/web/images/arw_01.gif) left center no-repeat;
}
#howto #content #category h4{
	margin-top:5px;
}


/* 2 column */
#content .boxTwin{
	width:340px;
	float:left;
}
#content .boxTwin a{
	width:340px;
	height:36px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
#content .boxTwin a.faq{
	background:url(/common/web/images/btn_faq.jpg) no-repeat;
}
#content .boxTwin a.howto{
	background:url(/common/web/images/btn_howto.jpg) no-repeat;
}
#content .boxTwin a.inquiry{
	background:url(/common/web/images/btn_inquiry.jpg) no-repeat;
}
#content .boxTwin a:hover{
	background-position:left -36px;
}
#content .boxTwin p{
	margin:10px 0;
	font-size: 85%;
}

/* 3 column */
#content .boxTri{
	width:223px;
	float:left;
}

#content .linkTop{
	text-align:right;
	margin-bottom:10px;
}
#content .linkTop a{
	background:url(/common/web/images/arw_01.gif) left center no-repeat;
	padding-left:10px;
}

/* table */
#content table{
  /* murakoshi changes*/
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
  //width: 100%;
  border-collapse:collapse;
  table-layout: fixed;
  /* end */
}

#content td,
#content th{
  /* murakoshi changes*/
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc; 
  padding:10px 20px;
  //text-align: center;
  /* end */
}
#content th{
	text-align:left;
	background:#EEEEEE;
}

/*  list */
#content .list li{
	background:url(/common/web/images/bg_dot.gif) left 8px no-repeat;
	padding-left:10px;
}

#content dl.listCom{
	font-size: 85%;
	margin-top:15px;
}
#content dl.listCom dd{
	padding-left:2.5em;
	margin:-1.5em 0 3px 0;
	
}

#content .aside{
	background:#F2F2F2;
	border:1px solid #DCDCDC;
	padding:10px 15px;
	font-size: 85%;
}
#content .aside .fleft{
	margin:2px 15px 8px 0;
	/*padding-top:0.5em;*/
}

a.top{
	padding-left:15px;
	font-size: 85%;
	background:url(/common/web/images/footer/arw_pagetop.gif) left center no-repeat;
}  

#contentInr a.top{
	float:right;
}


.sup{
	font-size:xx-small;
	}
.bdr_l{border-left:#cccccc 1px solid;}
.comment{
	font-size: 85%;
	text-indent:-1em;
	padding-left:1em;
}



/* contents list */
#contentLeft .bookList li{
	width:170px;
	padding:15px 0 20px 0;
	display:block;
	float:left;
}
#contentLeft .bookList li img{
	border:1px solid #000000;
}
#contentLeft .bookList li span.detail{
	display:block;
	text-align:left;
	margin:10px 0 0 0;
}
#contentLeft .bookList li span.detail img{
	display:block;
	margin-top:5px;
	border:none;
}

#contentLeft .bookListNP li{
	width:350px;
	padding:15px 0 20px 0;
	display:block;
	float:left;
	text-align:center;
}
#contentLeft .bookListNP li img{
	border:1px solid #000000;
}
#contentLeft .bookListNP li span.detail{
	display:block;
	text-align:left;
	margin:10px 0 0 0;
}
#contentLeft .bookListNP li span.detail img{
	display:block;
	margin-top:5px;
	border:none;
}
#contentLeft .decimal li{
	list-style-type:decimal;
	background:none;
	padding-left:0px;
	margin:0 0 0 30px;
}


/* ------------------------------------------
  [4]:Footer
------------------------------------------ */
#footer{
	padding:15px 0 15px 20px;
	width:950px;
} 
#footer #pageTop{
	text-align:right;
	margin:0 40px;
}
#footer #social{
	float:left;
}
#footer #social li{
	float:left;
	margin-right:15px;
}
#footer #footerMenu{
	margin:10px 0 10px 0;
	border-bottom:#D7D7D7 1px solid;
	/*padding:5px 0 4px 20px;*/
	padding:15px 0 30px 20px;
	text-align:left;
  /*
	background:#EFEFEF url(http://gpservices.sharp.co.jp/common/footer/img/copyright.gif) 765px center no-repeat;
  */
	background:#00407e;
  color: white;
}
#footer #footerMenu p.links {
  float: left;
  width: 70%;
}
#footer #footerMenu p.copyright {
  float: right;
  text-align: right;
  padding-right: 20px;
  width: 25%;
}
#footer #footerMenu a{
	padding-left:10px;
	background:url(/common/web/images/arw_01.gif) left center no-repeat;
  color: white;
}
/*
#footer #footerMenu p,
#footer #btnApri p{
	display:none;
}
*/
#footer #btnApri{
	margin:0;
	width:950px;
	height:110px;
	position:relative;
}
#footer #btnApri a.link01{
	display:block;
	width:325px;
	height:34px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:61px;
	left:138px;
}
#footer #btnApri a.link02{
	display:block;
	width:325px;
	height:34px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:61px;
	left:470px;
}
#footer #btnApri a.link03{
	display:block;
	width:100px;
	height:100px;
//	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:5px;
	left:825px;
}
#footer .footerTxt{
	margin:20px 0 30px;
	width:910px;
	font-size: 77%;	/* 10px */
	line-height:130%;
	*font-size:xx-small;
	text-align:left;
}












/* clearfix */
#headContent:after,
#content:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;/* for modern browser */
}
#headContent,
#content{
display: inline-block;
min-height: 1%;
}


/* Hides from IE-mac \*/
* html #headContent,
* html #content{ height: 1%;}
#headContent,
#content{ display: block;}
#content.contentMiddle{
    margin:0 auto
}
/* End hide from IE-mac */


/* IE PNG Fix
------------------------------------------------*/
/*#wrap { behavior: url(/js/iepngfix.htc) }*/


/* ------------------------------------------
  [5]:Print
------------------------------------------ */