/*
Theme Name: doors
Theme URI: http://www.d-doors.co.jp
Description: 株式会社デザインスタジオドアーズ
Version: 1.0
Author: doors
Author URI: http://www.d-doors.co.jp
*/


/* =============================================================================
   html5doctor.com reset stylesheet v1.6.1+
   ========================================================================== */
@charset "utf-8";



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

html,
body {

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  border:none;
  outline:none;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

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

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}



pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}


img { border: none; }
 
ul { list-style: none; }





/* _Typography
-------------------------------------------------------------------*/

h1 {
  font-size: 25px;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",'MS P Gothic','Trebuchet MS',Osaka,verdana,arial,clean,sans-serif;
  font-weight: normal;
  text-align: left;
}

h2 {
  font-size: 23px;
  padding-top: 20px;
  text-align: left;
}

h3 {
  font-size: 16px;
  font-weight:normal;
  line-height:26px;
  letter-spacing:;
  text-align: left;
  color:#fff;
}

h3.black {
  font-size: 16px;
  font-weight:normal;
  line-height:26px;
  letter-spacing:;
  text-align: left;
  color:#000;
}


h3.cal {
  font-size: 14px;
  font-weight:normal;
  line-height:21px;
  letter-spacing:;
  text-align: left;
  color:#000;
  margin-top: 20px;
}


h4 {
	font-size: 14px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:0.08em;
	text-align: left;
	color:#fff;
	margin-bottom:10px;
}




h5 {
  font-size: 12px;
}



h6 {
  font-size: 10px;
}



p {
	font-size: 12px;
	line-height:18px;
	letter-spacing:0.1em;
	overflow: hidden;
	text-align: left;
	color:#fff;
	font-weight:normal;
}




/* _LINK
-------------------------------------------------------------------*/

a { overflow:hidden; outline:none; }
a:hover, a:active, a:focus { overflow:hidden; outline:none; }

a,
a:hover,
a:visited,
a:focus {
	color:#fff;
	text-decoration: none;
	line-height: 1.4em;
	margin:0;
	padding:0;
	}
	

a:hover,
a:visited {
	color: #33ff99;
	text-decoration: none;
	line-height: 1.4em;
	margin:0;
	padding:0;
	}
	
	


.container_12_w a,
.container_12_w a:hover,
.container_12_w a:visited,
.container_12_w a:focus {
	color:#333;
	text-decoration: none;
	line-height: 1.4em;
	margin:0;
	padding:0;
	}
	

.container_12_w a:hover,
.container_12_w a:visited {
	color: #33ff99;
	text-decoration: none;
	line-height: 1.4em;
	margin:0;
	padding:0;
	}







/* _Basic HTML
---------------------------------------------------------------------------------------------------------------------------------*/
html {
	background:#333;
	color:#fff;
	-webkit-tap-highlight-color: rgba(50,50,50,0.7);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	z-index: -1;
	-webkit-font-smoothing: antialiased;
}


html.whitepage {
	background:#fff;
	color:#333;
	-webkit-tap-highlight-color: rgba(50,50,50,0.7);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	z-index: -1;
	-webkit-font-smoothing: antialiased;
}


html.calendar-all {
	background:#C1C1C1;
	color:#333;
	-webkit-tap-highlight-color: rgba(50,50,50,0.7);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	z-index: -1;
	-webkit-font-smoothing: antialiased;
}




body {
  min-width: 952px;
}

body {
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",'MS P Gothic','Trebuchet MS',Osaka,verdana,arial,clean,sans-serif;
  color: #fff;
  font-size: 12px;
  line-height:1.5;
  z-index: 1;
}





#container_index {
	height:100%;/* for IE6 */
	min-height:100%;
	zoom: 1;
}


#container {
	height:100%;/* for IE6 */
	min-height:100%;
	background-attachment:fixed;
	background-image:url(img/bg-04-07.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	zoom: 1;
}


#container_white {
	height:100%;/* for IE6 */
	min-height:100%;
	background-color:#fff;
	color:#333333;
	zoom: 1;
}


#container_cal {
	height:100%;/* for IE6 */
	min-height:100%;
	background-color:#C1C1C1;
	color:#333333;
	zoom: 1;
}



#bgSwitch-all {
	background-repeat:no-repeat;
	height:1744px;
}


/* _main
---------------------------------------------------------------------------------------------------------------------------------*/







/* _header
---------------------------------------------*/



#header {
	position:fixed;
	width: 880px;
	padding:0;
	margin:0 72px;
	height: 180px;
	background:url(img/hbg-01.jpg) no-repeat top left;
	z-index: 12000;
	_margin:0;
}

#header_index {
	position:fixed;
	width: 880px;
	padding:0;
	margin:0 72px;
	height: 180px;
	z-index: 12000;
}



#header_w {
	position:fixed;
	width: 880px;
	padding:0;
	margin:0 72px;
	height: 160px;
	background:url(img/hbg-02.png) no-repeat top left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hbg-02.png', sizingMethod='scale');
	z-index: 12000;
}



#header_cal {
	position:relative;
	width: 880px;
	padding:0;
	margin:0 72px;
	background:none;
	z-index: 12000;
}




.header_contents {
	margin-top: 50px;
}




.logo {
  display: inline;
  float: left;
  margin-right: 106px;
}




#menu {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  margin-top:21px;
}

#menu ul {
  list-style-type: none;  
  margin: 0;  
  padding: 0;
}

#menu li{  
  float: left;   
  margin: 0;  
  padding: 0;  
} 



#menu a {
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}



#menu a:hover {
background-position:left bottom;
}






/* header-追加部分（2012.10.02）
--------------------------------------------------------------*/

.button-about {
	position:fixed;
	top: 150px;
	left: 672px;
	padding:0;
	height: 30px;
	z-index: 12000;
	width:280px;
}


.button-about ul {
list-style-type: none;  
margin: 0;  
padding: 0; 
}


.button-about ul li {
float: left;   
margin: 0;  
padding: 0;
}


li.com a, li.en a {
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
overflow:hidden;
}



li.com a {
	background:url(img/com_b_all.jpg) no-repeat;
	background-position: bottom left;  
	width:119px;
	height:30px;
    }
	
li.com a:link { background:url(img/com_b_all.jpg) no-repeat; }
li.com a:visited { background:url(img/com_b_all.jpg) no-repeat; }
li.com a:hover { background:url(img/com_b_all.jpg) no-repeat; }
li.com a:active { background:url(img/com_b_all.jpg) no-repeat; }

li.com a:link, li.com a:visited { background-position: bottom left; }
li.com a:hover, li.com a:active { background-position: top left; }



li.com a.nopointer { background:url(img/com_b_all.jpg) no-repeat;
			background-position: top left;
			width:119px;
			height:30px;
			cursor:default;
			}
		



li.en a {
	background:url(img/en_b_all.jpg) no-repeat;
	background-position: bottom left; 
	width:161px;
	height:30px;
    }
	
li.en a:link { background:url(img/en_b_all.jpg) no-repeat; }
li.en a:visited { background:url(img/en_b_all.jpg) no-repeat; }
li.en a:hover { background:url(img/en_b_all.jpg) no-repeat;}
li.en a:active { background:url(img/en_b_all.jpg) no-repeat;}


li.en a:link, li.en a:visited { background-position: bottom left; }
li.en a:hover, li.en a:active { background-position: top left; }

li.en a.nopointer { 
			background:url(img/en_b_all.jpg) no-repeat;
			background-position: top left;
			width:161px;
			height:30px;
			cursor:default;
			}














/* _menu_Black
-------------------*/


#menu a {
outline:none;
overflow:hidden;
}


#menu .about a {
width: 98px;
height: 18px;
margin-right:48px;
}

#menu .about a:link { background:url(img/m_01w.png) no-repeat; }
#menu .about a:visited { background:url(img/m_01w.png) no-repeat; }
#menu .about a:hover { background:url(img/m_01w.png) no-repeat; }
#menu .about a:active { background:url(img/m_01w.png) no-repeat; }

#menu .about a:link, #menu .about a:visited { background-position: top left; }
#menu .about a:hover, #menu .about a:active { background-position: bottom left; }




#menu .work a {
width: 59px;
height: 18px;
margin-right:48px;
}

#menu .work a:link { background:url(img/m_02w.png) no-repeat; }
#menu .work a:visited { background:url(img/m_02w.png) no-repeat; }
#menu .work a:hover { background:url(img/m_02w.png) no-repeat; }
#menu .work a:active { background:url(img/m_02w.png) no-repeat; }

#menu .work a:link, #menu .work a:visited { background-position: top left; }
#menu .work a:hover, #menu .work a:active { background-position: bottom left; }


#menu .client a {
width: 94px;
height: 18px;
margin-right:48px;
}

#menu .client a:link { background:url(img/m_03w.png) no-repeat; }
#menu .client a:visited { background:url(img/m_03w.png) no-repeat; }
#menu .client a:hover { background:url(img/m_03w.png) no-repeat; }
#menu .client a:active { background:url(img/m_03w.png) no-repeat; }

#menu .client a:link, #menu .client a:visited { background-position: top left; }
#menu .client a:hover, #menu .client a:active { background-position: bottom left; }



#menu .news a {
width: 68px;
height: 18px;
margin-right:48px;
}

#menu .news a:link { background:url(img/m_04w.png) no-repeat; }
#menu .news a:visited { background:url(img/m_04w.png) no-repeat; }
#menu .news a:hover { background:url(img/m_04w.png) no-repeat; }
#menu .news a:active { background:url(img/m_04w.png) no-repeat; }


#menu .news a:link, #menu .news a:visited { background-position: top left; }
#menu .news a:hover, #menu .news a:active { background-position: bottom left; }



#menu .contact a {
width: 86px;
height: 18px;
}

#menu .contact a:link { background:url(img/m_05w.png) no-repeat; }
#menu .contact a:visited { background:url(img/m_05w.png) no-repeat; }
#menu .contact a:hover { background:url(img/m_05w.png) no-repeat; }
#menu .contact a:active { background:url(img/m_05w.png) no-repeat; }


#menu .contact a:link, #menu .contact a:visited { background-position: top left; }
#menu .contact a:hover, #menu .contact a:active { background-position: bottom left; }



/* _menu_White
-------------------*/

#menu .about_g a {
width: 98px;
height: 18px;
margin-right:48px;
}

#menu .about_g a:link { background:url(img/m_01g.png) no-repeat; }
#menu .about_g a:visited { background:url(img/m_01g.png) no-repeat; }
#menu .about_g a:hover { background:url(img/m_01g.png) no-repeat; }
#menu .about_g a:active { background:url(img/m_01g.png) no-repeat; }


#menu .about_g a:link, #menu .about_g a:visited { background-position: top left; }
#menu .about_g a:hover, #menu .about_g a:active { background-position: bottom left; }



#menu .work_g a {
width: 59px;
height: 18px;
margin-right:48px;
}

#menu .work_g a:link { background:url(img/m_02g.png) no-repeat; }
#menu .work_g a:visited { background:url(img/m_02g.png) no-repeat; }
#menu .work_g a:hover { background:url(img/m_02g.png) no-repeat; }
#menu .work_g a:active { background:url(img/m_02g.png) no-repeat; }


#menu .work_g a:link, #menu .work_g a:visited { background-position: top left; }
#menu .work_g a:hover, #menu .work_g a:active { background-position: bottom left; }



#menu .client_g a {
width: 94px;
height: 18px;
margin-right:48px;
}

#menu .client_g a:link { background:url(img/m_03g.png) no-repeat; }
#menu .client_g a:visited { background:url(img/m_03g.png) no-repeat; }
#menu .client_g a:hover { background:url(img/m_03g.png) no-repeat; }
#menu .client_g a:active { background:url(img/m_03g.png) no-repeat; }



#menu .client_g a:link, #menu .client_g a:visited { background-position: top left; }
#menu .client_g a:hover, #menu .client_g a:active { background-position: bottom left; }



#menu .news_g a {
width: 68px;
height: 18px;
margin-right:48px;
}

#menu .news_g a:link { background:url(img/m_04g.png) no-repeat; }
#menu .news_g a:visited { background:url(img/m_04g.png) no-repeat; }
#menu .news_g a:hover { background:url(img/m_04g.png) no-repeat; }
#menu .news_g a:active { background:url(img/m_04g.png) no-repeat; }


#menu .news_g a:link, #menu .news_g a:visited { background-position: top left; }
#menu .news_g a:hover, #menu .news_g a:active { background-position: bottom left; }



#menu .contact_g a {
width: 86px;
height: 18px;
}

#menu .contact_g a:link { background:url(img/m_05g.png) no-repeat; }
#menu .contact_g a:visited { background:url(img/m_05g.png) no-repeat; }
#menu .contact_g a:hover { background:url(img/m_05g.png) no-repeat; }
#menu .contact_g a:active { background:url(img/m_05g.png) no-repeat; }


#menu .contact_g a:link, #menu .contact_g a:visited { background-position: top left; }
#menu .contact_g a:hover, #menu .contact_g a:active { background-position: bottom left; }


/* _menu_Current
-------------------*/



.about0_h ul#menu-black li.current_page_item a { background:url(img/m_01w.png) no-repeat bottom left; }
.about1_h ul#menu-black li#menu-item-16 a { background:url(img/m_01w.png) no-repeat bottom left; }
.about2_h ul#menu-black li#menu-item-16 a { background:url(img/m_01w.png) no-repeat bottom left; }
.contact_h ul#menu-black li.current_page_item a { background:url(img/m_05w.png) no-repeat bottom left; }



.work_h ul#menu-white li.current_page_item a { background:url(img/m_02g.png) no-repeat bottom left; }
.client_h ul#menu-white li.current_page_item a { background:url(img/m_03g.png) no-repeat bottom left; }
.news_h ul#menu-white li.current_page_item a { background:url(img/m_04g.png) no-repeat bottom left; }


#menu a:hover {
background-position: bottom left;
}

#menu .current_page_item a {
background-position: bottom left;
}




/* _container
---------------------------------------------*/


#boxscroll_index {
	width:880px;
	margin:0 72px;
	padding-top: 180px;
}


#boxscroll {
	width:880px;
	margin:0 72px;
	padding-top: 180px;
}


#boxscroll_cal {
	width:880px;
	margin:0 72px;
	padding-top: 50px;
}




#fadestyle {
	width:880px;
}




.container_12 {
	width: 708px;
	padding:72px 100px 72px 72px;
	position:relative;
}

.container_12_2 {
	width: 708px;
	padding:72px 100px 72px 72px;
	position:relative;
}

.container_12_w {
	width: 860px;
	padding:0 0 72px 20px;
}


.container_12_cal {
	width: 880px;
	padding:0 0 72px 0;
}






.container_12 #grid_0 {
  width: 960px;
}




.whiteback {
	background:url(img/ac-02.png) repeat left top !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ac-02.png', sizingMethod='image');
	border-style:none;
	outline:none;
	height:100%;
	}
	
	
.blackback {
	background:url(img/ac-0172.png) repeat left top !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ac-01.png', sizingMethod='image');
	border-style:none;
	outline:none;
	height:100%;
	}
	
	

.contentscroll {
	z-index: 10000;
	zoom: 1;
	}



#wipe1 { 
width: 800px; 
height: 646px; 
opacity: 1;
}





/* Grid_Global
-------------------------------------------------------------------*/

#grid_0,
.grid_1,
.grid_2,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_25,
.grid_3,
.grid_4,
.grid_50,
.grid_51,
.grid_60,
.grid_61,
.grid_70 {
  float: left;
  z-index: 10001;
}


/* Grid_Children
-------------------------------------------------------------------*/

.alpha {
  margin-left: 20px;
}

.omega0 {
  margin-right: 10px;
}

.omega {
  margin-right: 20px;
}

.omega1 {
  margin-right: 30px;
}

.omega2 {
  margin-right: 40px;
}


.m_top {
  margin-top: 72px;
}

.m_top1 {
  margin-top: 93px;
}

.m_top2 {
  margin-top: 52px;
}


.m_line {
  margin-top: 72px;
  margin-bottom: 72px;
  border-top: #666 dotted 1px;
}

.m_line_02 {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: #9f9f9f solid 1px;
  width:650px;
}

.m_line_03 {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: #666 dotted 1px;
  width:800px;
}


.m_bottom_60 {
  margin-bottom: 60px;
}


.m_bottom_72 {
  margin-bottom: 72px;
}


.m_bottom {
  padding-bottom: 144px;
}


*.float-right {
      float: right;
      }
	  
*.float-left {
      float: left;
      }
	  
	  

/* Calender page
-------------------------------------------------------------------*/


.grid_cal {
  width: 880px;
}


.grid_cal_cont {
  width: 870px;
  padding-left: 10px;
}


.bn_icon {
	margin-bottom: 17px;
}


.grid_cal_left {
	float: left;
	margin-right: 30px;
}

.grid_cal_right {
	float: left;
}

.cal_img {
	width: 670px;
	height: 488px;
}

.cal_img img { display: none }
.cal_img img.first { display: block }



.grid_cal_left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.grid_cal_left li{  
  margin: 0;  
  padding: 0;
  font-size: 13px;
  font-weight:normal;
  line-height:20px;
  letter-spacing:0.02em;
  text-align: left;
  color:#000;
} 


.grid_cal_left li a,
.grid_cal_left li a:focus,
.grid_cal_left li a:visited {  
  color:#000;
  text-decoration: none;
} 

.grid_cal_left li a:hover {  
  color: #33ff99;
  text-decoration: none;
}


.grid_cal_left li.current-menu-item a {  
  color: #33ff99;
  text-decoration: none;
  cursor: default;
}


.archive_top li.first a {  
  color: #33ff99;
  text-decoration: none;
  cursor: default;
}



.grid_cal_right ul.nav {
list-style: none;
margin-top: 13px;
}

.grid_cal_right ul.nav li.prev {
float: left;
margin: 0;
}

.grid_cal_right ul.nav li#count {
display: block;
float: left;
margin: 0;
width: 600px;
text-align: center;
padding: 6px 0;
font-size: 14px;
font-weight:normal;
}

.grid_cal_right ul.nav li.next {
float: left;
margin: 0;
}

.grid_cal_right ul.nav li a {
display: block;
width: 35px;
height: 29px;
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

.grid_cal_right ul.nav li.prev a {
background:url(img/arrow_left_off.png) no-repeat top left;
}

.grid_cal_right ul.nav li.next a {
background:url(img/arrow_right_off.png) no-repeat top left;
}




.grid_cal_left li.nolink a,
.grid_cal_left li.nolink a:focus,
.grid_cal_left li.nolink a:visited,
.grid_cal_left li.nolink a:hover  {  
  color: #777;
  text-decoration: none;
  cursor: default;
}

.grid_cal_left li.nolink > a {
	pointer-events: none;
	cursor: default;
}



/* Grid style
-------------------------------------------------------------------*/





/* about us
-----------------------*/

.container_12 .grid_1 {
  width: 708px;
}

.container_12 .grid_20 {
  width: 324px;
}

.container_12 .grid_21 {
  width: 364px;
}



/* table (about us)
--------------------------------------------------------------*/

.outline-all {
	text-align:left;
	font-size:10px;
}

table.outline-all	{
	border-collapse: collapse;
	border-spacing: 0;
}
.outline-all th, td	{
	line-height:1.8em;
	letter-spacing:0.02em;
}


.outline-all td.left {
	padding-right:15px;
}

.outline-all td.left2 {
	width:45px;
}


.s_a_01 {
  width: 364px;
}

.s_a_02 {
  width: 230px;
}

.s_a_image {
	margin-top:45px;
}
	
	

.nonborder {
  border:none;
  outline:none;
}



/* about us-追加部分（2012.10.02）
--------------------------------------------------------------*/

.s_a_image a,
.book_con_right a {
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
overflow:hidden;
}


.book_con_right a {
	background:url(img/ex06_all.jpg) no-repeat left top;
	width:277px;
	height:251px;
    }
    
.book_con_right a:link { background:url(img/ex06_all.jpg) no-repeat top left; }
.book_con_right a:visited { background:url(img/ex06_all.jpg) no-repeat top left; }
.book_con_right a:hover { background:url(img/ex06_all.jpg) no-repeat bottom left; }
.book_con_right a:active { background:url(img/ex06_all.jpg) no-repeat bottom left; }




.s_a_image a {
	background:url(img/staff_logo_all.png) no-repeat left top;
	width:100px;
	height:100px;
    }
	
.s_a_image a:link { background:url(img/staff_logo_all.png) no-repeat top left; }
.s_a_image a:visited { background:url(img/staff_logo_all.png) no-repeat top left; }
.s_a_image a:hover { background:url(img/staff_logo_all.png) no-repeat bottom left; }
.s_a_image a:active { background:url(img/staff_logo_all.png) no-repeat bottom left; }



	


/* contact
--------------------------------------------------------------*/

.container_12 .grid_22 {
  width: 357px;
}

.container_12 .grid_23 {
  width: 311px;
}


.container_12 .grid_24 {
  width: 97px;
}


.container_12 .grid_25 {
	width: 581px;
	margin-top: 30px;
}


.grid_22 p, .grid_23 p {
	display: block;
	margin-top: 30px;
}

.grid_25 p {
	font-size: 12px;
	line-height:19px;
	letter-spacing:0.06em;
}


.grid_25 p.ind {
	margin-left: 1em;
}






/* about-02
--------------------------------------------------------------*/

.container_12_2 .grid_3 {
  width: 150px;
}

.container_12_2 .grid_4 {
  width: 518px;
}





.close_btn a, li.buy a, li.more a, li.facebook a, li.twitter a, .book_con_left a.past {
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
overflow:hidden;
}




	
	
	
	
li.buy a {
	background:url(img/buy_b2_all.png) no-repeat top left;
	width:118px;
	height:28px;
    }
	
li.buy a:link { background:url(img/buy_b2.png) no-repeat top left; }
li.buy a:visited { background:url(img/buy_b2.png) no-repeat top left; }
li.buy a:hover { background:url(img/buy_b2.png) no-repeat bottom left; }
li.buy a:active { background:url(img/buy_b2.png) no-repeat bottom left; }



li.more a {
	background:url(img/more_b2_all.png) no-repeat left top;
	width:117px;
	height:28px;
    }
	
li.more a:link { background:url(img/more_b2.png) no-repeat top left; }
li.more a:visited { background:url(img/more_b2.png) no-repeat top left; }
li.more a:hover { background:url(img/more_b2.png) no-repeat bottom left; }
li.more a:active { background:url(img/more_b2.png) no-repeat bottom left; }
	
	
	
	
li.facebook a {
	background:url(img/f_b.gif) no-repeat left top;
	width:26px;
	height:26px;
    }
	
li.facebook a:link { background:url(img/f_b.gif) no-repeat top left; }
li.facebook a:visited { background:url(img/f_b.gif) no-repeat top left; }
li.facebook a:hover { background:url(img/f_b.gif) no-repeat bottom left; }
li.facebook a:active { background:url(img/f_b.gif) no-repeat bottom left; }


	
li.twitter a {
	background:url(img/t_b.gif) no-repeat left top;
	width:26px;
	height:26px;
    }

li.twitter a:link { background:url(img/t_b.gif) no-repeat top left; }
li.twitter a:visited { background:url(img/t_b.gif) no-repeat top left; }
li.twitter a:hover { background:url(img/t_b.gif) no-repeat bottom left; }
li.twitter a:active { background:url(img/t_b.gif) no-repeat bottom left; }





.grid_4 p, .grid_4 ul li {
  font-size: 12px;
  line-height:18px;
  letter-spacing:0.01em;
  overflow: hidden;
  text-align: left;
  color:#000;
  font-weight:normal;
}


.grid_4 h4 {
	font-size: 14px;
	font-weight:normal;
	line-height:20px;
	letter-spacing:0.04em;
	text-align: left;
	color:#000;
	margin-bottom:2px;
}


.grid_4 h4.book_bold, .grid_4 h5.book_bold {
	font-size: 14px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:0.04em;
	text-align: left;
	color:#000;
	margin-bottom:2px;
}





.grid_4 p.mori {
	font-size: 13px;
	font-weight:normal;
	line-height:20px;
	letter-spacing:0.02em;
	text-align: left;
	color:#000;
}



.grid_4 ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color:#666;
}

.grid_4 li{  
  float: left;   
  margin: 0;  
  padding: 0;
} 


.grid_4 .year_content li {
	margin-right: 30px;
	letter-spacing:0.02em;
} 



.grid_4 ul li span.now_year {
	color:#000;
}







.grid_4 ul.button {
	margin-top: 20px;
} 

.grid_4 ul.button-calender {
	margin-top: 40px;
} 


.grid_4 .button li {
	margin-right: 15px;
} 

.grid_4 .button-calender li {
	margin-right: 15px;
} 


span.red {
	color:#F00;
}

span.news {
	color:#000;
	background:#FF0;
	line-height:22px;
	padding:1px 3px 0 3px;
}


.grid_4 ul li span.now_year {
	color:#000;
}



p.button a {
	display:block;
}








/* About-2-追加部分（2012.10.02）-追加部分（2013.10.22）
--------------------------------------------------------------*/

.container_12_2 .book_con {
  width: 518px;
}


.pop_btn {
	position: absolute;
	top:250px;
	left:40px;
	width:116px;
	height:116px;
	z-index: 1000;
    }

.book_con_left {  
  float: left;   
  width: 240px;
  /* margin-right: 20px;*/
} 


.book_con_left a.past {
	width:182px;
	height:35px;
	overflow:hidden;
    }

	
.book_con_left a.past:link { background:url(img/past_b_all.gif) no-repeat top left; }
.book_con_left a.past:visited { background:url(img/past_b_all.gif) no-repeat top left; }
.book_con_left a.past:hover { background:url(img/past_b_all.gif) no-repeat bottom left; }
.book_con_left a.past:active { background:url(img/past_b_all.gif) no-repeat bottom left; }




.book_con_right {  
  float: left;   
  width:277px
} 











/* work (white)
--------------------------------------------------------------*/

#boxscroll .container_12_w #contentscroll .grid_50 {
  color:#333;
}


.container_12_w .grid_500 {
  width: 860px;
}

.container_12_w .grid_50 {
  width: 220px;
}

.container_12_w .grid_51 {
  width: 610px;
}


.grid_50, .grid_60 {
  color:#333;
  
}



.grid_50 p {
  font-size: 11px;
  line-height:19px;
  letter-spacing:0;
  color:#333;
  font-weight:normal;
  text-align:justify;
}


.grid_60 p {
  font-size: 11px;
  line-height:19px;
  letter-spacing:0;
  color:#333;
  font-weight:normal;
  text-align:justify;
}




.grid_50 h4 {
	font-size: 13px;
	font-weight:normal;
	line-height:18px;
	letter-spacing:0.04em;
	text-align: left;
	color:#333;
	margin-bottom:12px;
}


.grid_50 h4 span {
	font-size: 11px;
	color:#33ff99;
	margin-top:5px;
}



.w_image {
cursor:pointer;
}

.ws_image {
cursor:default;
}




.nav_w { 
	width: 620px;
	height:9px;
	margin-top:9px;
	float:right;
	
}

.nav_all { 
	float:right;
	
	
}


.nav_all a,
.nav_all a:hover {
	background:url(img/w_btn.jpg) no-repeat bottom left;
	width:10px;
	height:9px;
	
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	display: inline;
	float:left;
	padding:0 2px;
	margin: 0;
}



.nav_all a.activeSlide { 
	background:url(img/w_btn.jpg) no-repeat top left;
	width:10px;
	height:9px;
	
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	display: inline;
	float:left;
	padding:0 2px;
	margin: 0;
}

.nav_all a:focus { 
outline: none; 
}






/* news (white)
--------------------------------------------------------------*/

.container_12_w .grid_600 {
  width: 860px;
}


.container_12_w .grid_60 {
  width: 220px;
}

.container_12_w .grid_61 {
  width: 610px;
}



.grid_60 h4 {
	font-size: 13px;
	font-weight:normal;
	line-height:18px;
	letter-spacing:0.04em;
	text-align: left;
	color:#333;
	margin-bottom:12px;
}


.grid_60 h4 span {
	font-size: 11px;
	color:#333;
	margin-top:5px;
}



/* News-追加部分（2012.10.02）
--------------------------------------------------------------*/


ul.button-news li {
  text-align: left;
  margin-top: 20px;
  padding: 0;
}



li.news-1 a, li.news-2 a, li.news-3 a {
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
overflow:hidden;
}




li.news-1 a {
	background:url(img/news1_b_all.jpg) no-repeat left top;
	width:182px;
	height:41px;
    }
	
li.news-1 a:link { background:url(img/news1_b_all.jpg) no-repeat top left; }
li.news-1 a:visited { background:url(img/news1_b_all.jpg) no-repeat top left; }
li.news-1 a:hover { background:url(img/news1_b_all.jpg) no-repeat bottom left; }
li.news-1 a:active { background:url(img/news1_b_all.jpg) no-repeat bottom left; }


li.news-2 a {
	background:url(img/news2_b_all.jpg) no-repeat left top;
	width:182px;
	height:28px;
    }
	
li.news-2 a:link { background:url(img/news2_b_all.jpg) no-repeat top left; }
li.news-2 a:visited { background:url(img/news2_b_all.jpg) no-repeat top left; }
li.news-2 a:hover { background:url(img/news2_b_all.jpg) no-repeat bottom left; }
li.news-2 a:active { background:url(img/news2_b_all.jpg) no-repeat bottom left; }


li.news-3 a {
	background:url(img/news3_b_all.jpg) no-repeat left top;
	width:182px;
	height:28px;
    }
	
li.news-3 a:link { background:url(img/news3_b_all.jpg) no-repeat top left; }
li.news-3 a:visited { background:url(img/news3_b_all.jpg) no-repeat top left; }
li.news-3 a:hover { background:url(img/news3_b_all.jpg) no-repeat bottom left; }
li.news-3 a:active { background:url(img/news3_b_all.jpg) no-repeat bottom left; }



span.news-red {
	color:#F00;
    }



/* pagenate (white)
--------------------------------------------------------------*/

#pagenate {
  width: 620px;
  margin-left: 240px;
}


.page-numbers {
  margin: 0 5px;
}


#pagenate .current{
	text-decoration:underline;
}



/* client (white)
--------------------------------------------------------------*/

.container_12_w .grid_70 {
  width: 860px;
}


.grid_70 {
  float: left;
  zoom: 1;
}



.grid_70 h4 {
	font-size: 14px;
	font-weight:normal;
	line-height:18px;
	letter-spacing:0.04em;
	text-align: left;
	color:#333;
	margin-bottom:25px;
}



.grid_70 ul {
    float:left;
    list-style-type: none;
	font-size: 12px;
	line-height:22px;
	letter-spacing:0.01em;
	text-align: left;
	color:#333;
	font-weight:normal;
    }
	
	
	
ul.cl_120 { width:120px; }
ul.cl_130 { width:130px; }
ul.cl_140 { width:140px; }
ul.cl_150 { width:160px; }
ul.cl_160 { width:160px; }
ul.cl_170 { width:170px; }
ul.cl_180 { width:180px; }
ul.cl_190 { width:200px; }
ul.cl_200 { width:200px; }
ul.cl_210 { width:210px; }
ul.cl_220 { width:220px; }
ul.cl_230 { width:230px; }
ul.cl_240 { width:240px; }
ul.cl_250 { width:250px; }
ul.cl_260 { width:260px; }
ul.cl_270 { width:270px; }
ul.cl_280 { width:280px; }
ul.cl_290 { width:290px; }
ul.cl_300 { width:300px; }











/* form (white)
-------------------------------------------------------------------*/





/* _header
--------------------------------------------*/

#header_f {
	position:relative;
	width: 800px;
	padding:0;
	z-index: 2;
	margin:0 72px;
	border-style:none;
	outline:none;
}


.header_contents_f {
	margin-top: 60px;
}


.logo_f {
  display: inline;
  float: left;
}

.logo_tel {
  display: inline;
  float: left;
}



/* _main
--------------------------------------------*/

#boxscroll_f {
	z-index: 9999;
	width:800px;
	margin:0 72px;
	margin-top: 70px;
	position:relative;
	color:#333;
}



.container_12_f {
	width: 800px;
	padding:0;
	position:relative;
}



.container_12_f .grid_80 {
  width: 790px;
}


/* Grid >> Global
--------------------------------------------*/

.grid_80 {
  display: inline;
  float: left;
  position:relative;
}


/* Grid >> Children
--------------------------------------------*/


.m_bottom_65 {
  margin-bottom: 65px;
}

.m_bottom_40 {
  margin-bottom: 40px;
}

.m_bottom_30 {
  margin-bottom: 30px;
}




/* _
--------------------------------------------*/


.grid_80 p {
	font-size: 14px;
	line-height:22px;
	letter-spacing:0.01em;
	text-align: left;
	color:#333;
	font-weight:normal;
}

.grid_80 p.indent {
	margin-left: -0.5em;
}



p.attention {
	font-size: 12px;
	color:#f00;
	margin: 10px 0;
}

p.attention_02 {
	font-size: 12px;
	color:#f00;
	margin-left: 10px;
}



li.attention_03 {
	font-size: 12px;
	color:#333;
	line-height:18px;
	margin-top: 10px;
}

#inside-cart p.attention_04,
#customer-info p.attention_04,
#info-confirm p.attention_04,
#notes_table p.attention_04 {
	font-size: 12px;
	line-height: 18px;
	color:#f00;
	margin: 7px 0;
}




.grid_80 span.attention_06 {
	font-size: 12px;
	color:#333;
	margin-left: 10px;
}

.grid_80 p.attention_07 {
	font-size: 14px;
	color:#f00;
	margin-bottom: 20px;
}


.grid_80 h4.signage {
	margin-bottom:15px;
	
}



.grid_80 ul {
    list-style-type: none;
	font-size: 12px;
	line-height:22px;
	letter-spacing:0.01em;
	text-align: left;
	color:#333;
	font-weight:normal;
    }
	
	
.grid_80 li {
	font-size: 12px;
}
	
.container_12_f a,
.container_12_f a:hover,
.container_12_f a:visited,
.container_12_f a:focus {
	color:#333;
	text-decoration: none;
	line-height: 1.4em;
	margin:0;
	padding:0;
	}
	

.container_12_f a:hover,
.container_12_f a:visited {
	color: #33ff99;
	text-decoration: none;
	line-height: 1.4em;
	margin:0;
	padding:0;
	}












/* ul li (入力)
--------------------------------------------*/

ul.form_800 {
	width:800px;
	margin-bottom: 20px;
	}
	
ul.form_801 {
	width:800px;
	margin-bottom: 20px;
	}
	
ul.form_801 li.coments {
	width:400px;
	}

li.entry-t { 
    font-weight:bold; }
	
	
li.entry { 
    list-style-type: none;
	font-size: 12px;
	margin: 5px 0;
	letter-spacing:0.01em;
	text-align: left;
	color:#333;
	font-weight:normal; }



/* _Order_Page
-------------------------------------------------------------------*/








.grid_left {
	float: left;
	width:150px;
}

.grid_left img {
	border:#CCC solid 1px;
}


.container_12_f .grid_right {
	float: left;
	width:580px;
}


.grid_right h4 {
	font-size: 14px;
	font-weight:normal;
	line-height:22px;
	letter-spacing:0.04em;
	text-align: left;
	color:#000;
	margin-bottom:15px;
}

.category-itemnew h4 {
	font-size: 14px;
	font-weight:normal;
	line-height:22px;
	letter-spacing:0.04em;
	text-align: left;
	color:#F00;
	margin-bottom:15px;
}



.book_con p.word_01,
.book_con p.word_02,
.book_con p.word_03 {
	margin-bottom:15px;
}


.book_con p.word_04 {
	margin-top:80px;
}



.container_12_f .grid_right .book_con p {
  font-size: 12px;
  line-height:18px;
  letter-spacing:0.01em;
  text-align: left;
  color:#000;
  font-weight:normal;
}




.skubutton {
    width: 123px;
    height: 29px;
    background: url(img/cart_btn_01.jpg) left top no-repeat;
    padding:0;
    border:none;
	outline:none;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}



.skubutton:hover,
.skubutton:focus {
    width: 123px;
    height: 29px;
    background: url(img/cart_btn_01.jpg) left bottom no-repeat;
    padding:0;
    border:none;
	outline:none;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}






li.order_flow a,
li.order_cart a {
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}






li.order_flow a {
	position: absolute;
	top:0px;
	right:0px;
	width: 123px;
    height: 29px;
    background: url(img/cart_btn_09.jpg) left top no-repeat;
    }
	
li.order_flow a:hover,
li.order_flow a:focus {
	position: absolute;
	top:0px;
	right:0px;
	width: 123px;
    height: 29px;
    background: url(img/cart_btn_09.jpg) left bottom no-repeat;
    }
	
	
li.order_cart a {
	position: absolute;
	top:0px;
	right:138px;
	width: 123px;
    height: 29px;
    background: url(img/cart_btn_08.jpg) left top no-repeat;
    }
	
li.order_cart a:hover,
li.order_cart a:focus {
	position: absolute;
	top:0px;
	right:138px;
	width: 123px;
    height: 29px;
    background: url(img/cart_btn_08.jpg) left bottom no-repeat;
    }
	
	
	
	

img#wpstats{display:none}








/* `Clear Floated Elements
-------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}