/*===== html =====*/

html,body { height:100%;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 14px;
  color:#666;
/*  background:url(../images/bg_new2012.gif) repeat-x ;
  background-position:top;
*/}


body {
padding: 0;
  margin: 0 auto;
  height:auto;
  min-height:100%;
  background-image:url(../images/bg20120224.gif) ;
  background-repeat:repeat;
  background-position:center;
}

body > #all

h1, h2, h3, h4 {
  font-weight: bold;
}
p, li, th, td, dt, dd {
  line-height: 1.5;
}
a {
  color: #db7093;
  text-decoration: none;
}
a:hover { color: #c71585; }
a:visited { color: #c71585; }

.font_red{
  color:  #CC0033;
}

/*===== all =====*/


#all{
	height:100%;/* for IE6 */
	width:1000px;
	height: auto !important;
	margin:0 auto;
	text-align:left;
	padding-bottom:20px;
	clear:both;
	position:relative;
	background-color:#FFF;
	overflow:hidden;
}



/*===== header ======*/
#header {
	width:          950px;
	height:         40px;
	text-align:     left;
	padding:20px 25px 0 25px;
	margin:0;
	background:#FFFFFF;
	/* [disabled]padding-bottom:    10px; */
	/* [disabled]margin-bottom:  10px; */
}


#header h1 {
  text-align:   left;
  margin:0;
  padding:0;
}

#header #top_bar {
	margin: 15px auto 25px auto;
	width:950px;
	height:4px;
	background-image:url(../images/bar2012.gif);
	background-repeat:repeat;
	background-color:#EB336A;
	padding:0;
	margin:10px auto 0 !important;
	overflow:hidden;
}

/*===== container ======*/
#container {
  width: 100%;
}


#container #top_title h1 {
	margin-bottom:      1em;
	margin-top:         30px;
	margin-left:        26px;
	padding-bottom:     5px;
	text-indent:        30px;
	font-size:          18px;
	height:             50px;
	width:              710px;
	text-indent:-9999px;
	overflow:hidden;
}



#container #top_title h2 {
	margin-bottom:      1em;
	margin-top:         30px;
	margin-left:        26px;
	padding-bottom:     5px;
	text-indent:        30px;
	font-size:          18px;
	height:             50px;
	width:              710px;
	text-indent:-9999px;
	overflow:hidden;
}


#container #top_title h2.inf {
	background:url("../images/title_inf.png") no-repeat;
}

#container #top_title h2.cons {
	background:url("../images/title_cons.png") no-repeat;
}


#container #top_title h2.tie {
	background:url("../images/title_tie.png") no-repeat;
	height:76px;
}

#container #top_title h2.sol {
	background:url("../images/title_so.png") no-repeat;
}

#container #top_title h2.exa {
	background:url("../images/title_ex.png") no-repeat;
}

#container #top_title h2.pub {
	background:url("../images/title_pu.png") no-repeat;
}

#container #top_title h2.bus {
	background:url("../images/title_bu.png") no-repeat;
}

#container #top_title h2.con {
	background:url("../images/title_co.png") no-repeat;
}

#container #top_title h2.mas {
	background:url("../images/title_ma.png") no-repeat;
}

#container #top_title h2.conus {
	background:url("../images/title_cu.png") no-repeat;
}

#container #top_title h2.acc {
	background:url("../images/title_ac.png") no-repeat;
}

#container #top_title h2.rec {
	background:url("../images/title_re.png") no-repeat;
}

#container #top_title h2.lib {
	background:url("../images/title_lib.png") no-repeat;
}

#container #top_title h2.pp {
	background:url("../images/title_pp.png") no-repeat;
}

#container #top_title h2.ppo {
	background:url("../images/title_ppo.png") no-repeat;
}

#container #top_title h2.site {
	background:url("../images/title_sm.png") no-repeat;
}

#container #top_title h2.tofu {
	background:url("../images/title_book_tofu.png") no-repeat;
}

#container #top_title h2.natto {
	background:url("../images/title_book_natto.png") no-repeat;
}

#container #top_title h2.nasu {
	background:url("../images/title_book_nasu.png") no-repeat;
}

#container #top_title h2.you {
	background:url("../images/title_book_you.png") no-repeat;
}
#container #top_title h2.lka {
	background:url("../images/title_book_lka.png") no-repeat;
}
#container #top_title h2.gene {
	background:url("../images/title_book_gene.png") no-repeat;
}
#container #top_title h2.brd {
	background:url("../images/title_book_brd.png") no-repeat;
}

#container #top_title h2.wifi {
	background:url("../images/title_book_wifi.png") no-repeat;
}

#container #top_title h2.sho6 {
	background:url("../images/title_book_sho6.png") no-repeat;
}

#container #top_title h2.pc {
	background:url("../images/title_pc.png") no-repeat;
	width:              736px;
}

#container #top_title h2.sho6_2012 {
	background:url("../images/title_book_sho6_2012.png") no-repeat;
}
#container #top_title h2.sho6_2013 {
	background:url("../images/title_book_sho6_2013.png") no-repeat;
}

#container #top_title h2.sho6_2014 {
	background:url("../images/title_book_sho6_2014.png") no-repeat;
}

#container #top_title h2.sho6_2016 {
	background:url("../images/title_book_sho6_2016.png") no-repeat;
}

#container #top_title h2.sho6_2017 {
	background:url("../images/title_book_sho6_2017.png") no-repeat;
}

#container #top_title h2.sho6_2018 {
	background:url("../images/title_book_sho6_2018.png") no-repeat;
}
#container #top_title h2.sho6_2019 {
	background:url("../images/title_book_sho6_2019.png") no-repeat;
}




#container #top_title h2.ingri {
	background:url("../images/title_book_ingri.png") no-repeat;
}
#container #top_title h2.rokuroku {
	background:url("../images/title_book_rokuroku.png") no-repeat;
}



/*===== content ======*/
#content {
	width: 708px;
	padding-right:  48px;
	padding-left:   26px;
	float: left;
}

/*===== menu ======*/

#menu_plus{
  padding: 0;
  list-style-type: none;
  width: 192px;
  float: left;
  margin-top:-99px;
overflow: hidden;
}

#menu_plus a {
	margin-bottom: 10px;
	display:inline;
	/* [disabled]clear:both; */
}


#menu{
  padding: 0;
  list-style-type: none;
  width: 192px;
  float: left;
  margin-top:-73px;
overflow: hidden;
}


#menu a {
	margin-bottom: 10px;
	display:inline;
	/* [disabled]clear:both; */
}

#m_solution a, 
#m_contents_work a, 
#m_sakuranomori_books a, 
#m_example a,  
#m_contact_us a,
#m_tool a {
  width: 	192px;
  height: 120px;
  display: block;
  text-indent: -9999px;
  background-image: url(../images/button_right_main_new.png);
  background-repeat: no-repeat;
}

#m_solution a { background-position: 0 0; }
#m_contents_work a { background-position: -192px 0; }
#m_example a { background-position: -384px 0; }
#m_contact_us a { background-position: -576px 0; }
#m_tool a { background-position: -768px 0; }
#m_sakuranomori_books a { background-position: -960px 0; } 

#m_solution a:hover { background-position: 0 -120px; }
#m_contents_work a:hover { background-position: -192px -120px; }
#m_example a:hover { background-position: -384px -120px; }
#m_contact_us a:hover { background-position: -576px -120px; }
#m_tool a:hover { background-position: -768px -120px; }
#m_sakuranomori_books a:hover { background-position: -960px -120px; } 

#m_information a, 
#m_profile a, 
#m_message a, 
#m_contact a, 
#m_access a, 
#m_recruit a {
  width: 192px;
  height: 34px;
  display: block;
  text-indent: -9999px;
  background-image: url(../images/button_right_sub_new.png);
  background-repeat: no-repeat;
}

#m_hyakusai a {
  background-image: url(../images/bn_hyakusaibooks.png);
  background-position:center;
  width: 192px;
  height: 120px;
  display: block;
  text-indent: -9999px;
}

#m_collabo a {
  background-image: url(../images/bn_collabo.gif);
  background-repeat:no-repeat;
  background-position:center;
  width: 192px;
  height: 41px;
  display: block;
  text-indent: -9999px;
	
}

#m_information a { background-position: 0 0; }
#m_profile a { background-position: -192px 0; }
#m_message a { background-position: -384px 0; }
#m_contact a { background-position: -576px 0; }
#m_access a { background-position: -768px 0; }
#m_recruit a { background-position: -960px 0; }

#m_information a:hover { background-position: 0 -34px; }
#m_profile a:hover { background-position: -192px -34px; }
#m_message a:hover { background-position: -384px -34px; }
#m_contact a:hover { background-position: -576px -34px; }
#m_access a:hover { background-position: -768px -34px; }
#m_recruit a:hover { background-position: -960px -34px; }

/*===== bottom_link ======*/
#bottom_link {
  float: right;
}

/*===== footer ======*/

#footer {
  margin-top:     30px;
  padding-bottom: 20px;
  font-size:      12px;
  clear:          both;
}

#footer #bottom_bar {
	margin: 20px 26px 10px 26px;
	width:950px;
	height:4px;
	background-image:url(../images/bar2012.gif);
	background-repeat:repeat;
	background-color:#EB336A;
}

#footer #bottom_copyright_text {
  margin-left:  42px;
  margin-top:   6px;
  font-size:    16px;
  font-weight:  bold;
  color:        #908b8a;
}

#footer #bottom_link {
	margin-top:   10px;
	margin-right: 25px;

}

#footer #copyright {
	float:        left;
	margin: 10px 0 0 25px;
	font-size: small;
	color:        #908b8a;
}

#footer a {
	padding-left:       25px;
	font-weight:        bold;
	font-size:          13px;
	color:              #908b8a;
	text-decoration:    underline;
	background-image:   url(../images/icon.png);
	background-repeat:  no-repeat;
}
#footer a:hover {
 color: #696969;
}


/*===== footer navi ======*/


#directoryNav {
	width:950px;
	min-height:190px;
	height:auto;
	margin : 20px auto;
	padding:0;
	background: none;
	clear: both;
	float: none;
	margin-top: 0;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid #FC83A3;
	border-radius: 4px;
	border-image: initial;
}

#directoryNav li a {
	text-decoration:none;
	color: #EFB1C8;
}

#directoryNav li a:hover {
	text-decoration:none;
	color: #993366;
}


#directoryNav ol#breadcrumbs {
	background: none;
	clear: both;
	float: none;
	height: 3em;
	line-height: 3em;
	font-size: 11px;
	color: #FC83A3;
	margin: 0;
	list-style: none;
	font-weight: bold;
	text-shadow: 0 1px 0 white;
	border-bottom:1px solid #FC83A3;
}
#directoryNav ol#breadcrumbs li {
float: left;
margin-left:10px;
padding-right:20px;
margin-top:8px;
}

#directoryNav ol#breadcrumbs li.home {
background-image:url(../images/breadcrumbs.gif);
background-position:right;
background-repeat:no-repeat;
float: left;
margin-left:10px;
padding-right:20px;
	color: #FC83A3;
}

#directoryNav ol#breadcrumbs li.nxt {
background-image:url(../images/breadcrumbs.gif);
background-position:right;
background-repeat:no-repeat;
float: left;
margin-left:10px;
padding-right:20px;
}



#directoryNav h3 {
	font-size:1em;
	line-height: 18px;
	font-weight: bold;
	color: #FC83A3;
	margin: 0;
}

#directoryNav div.dnArea01 {
float: left;
width: 200px;
padding: 9px 0 4px 20px;
}

#directoryNav div.dnArea02 {
float: left;
width: 200px;
padding: 9px 0 4px 20px;
}

#directoryNav div.dnArea03 {
float: left;
width: 260px;
padding: 9px 0 4px 20px;
}

#directoryNav div.dnArea04 {
float: left;
width: 200px;
padding: 9px 0 4px 20px;
}

#directoryNav div.dnArea05 {
float: left;
width: 200px;
padding: 9px 0 4px 20px;
}



#directoryNav div ul {
margin: 0 0 30px;
list-style: none outside;
}









/*=======================================================*/
/* BugFix */

/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {
	display:inline;
}
/* end MacIE5 */






/*=======================================================*/
/* slider */


.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../themes/default/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
/*    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
*/
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:20%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:106px;
	height:22px;
	background:url(../themes/default/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	float:left;
}

.theme-default .nivo-controlNav a img {
	display:inherit !important;
}



.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:60px;
	background:url(../themes/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:20px;
}
.theme-default a.nivo-prevNav {
	left:20px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}







.theme-default2 .nivoSlider {
	position:relative;
	background:#fff url(../themes/default/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
}
.theme-default2 .nivoSlider img {
	position:absolute;
	top:15px;
	left:0px;
	display:none;
}
.theme-default2 .nivoSlider a {
	border:0;
	display:block;
}

.theme-default2 .nivo-controlNav {
	position:absolute;
	left:25%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default2 .nivo-controlNav a {
	display:block;
	width:30px;
	height:60px;
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	float:left;
}

.theme-default2 .nivo-controlNav a img {
	display:inherit !important;
}




.theme-default2 .nivo-directionNav a {
	display:block;
	width:30px;
	height:60px;
	background:url(../themes/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default2 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default2 a.nivo-prevNav {
	left:15px;
}

.theme-default2 .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default2 .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default2 .nivo-caption a:hover {
    color:#fff;
}








.theme-default3 .nivoSlider {
	position:relative;
	background:#fff url(../themes/default/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
}
.theme-default3 .nivoSlider img {
	position:absolute;
	top:15px;
	left:0px;
	display:none;
}
.theme-default3 .nivoSlider a {
	border:0;
	display:block;
}

.theme-default3 .nivo-controlNav {
	position:absolute;
	left:25%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default3 .nivo-controlNav a {
	display:block;
	width:30px;
	height:60px;
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	float:left;
}

.theme-default3 .nivo-controlNav a img {
	display:inherit !important;
}




.theme-default3 .nivo-directionNav a {
	display:block;
	width:30px;
	height:60px;
	background:url(../themes/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default3 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default3 a.nivo-prevNav {
	left:15px;
}

.theme-default3 .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default3 .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default3 .nivo-caption a:hover {
    color:#fff;
}