a { outline: none; }
body{ padding: 0; margin:0px; background: url(images/bg.gif) repeat-x top #000; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Verdana, Arial, "メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", sans-serif; text-align: left;}
#wrap{position : relative ;}

blockquote{  font-style: normal; padding: 0 0 0 0; color: #000; background: url('images/quote.png') .5em top no-repeat; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
a{  color: #FF3706; text-decoration: none; }
a:active, h2 a:active, h3 a:active{  color: #8c1b00; text-decoration: none; }
a:hover, h2 a:hover, h3 a:hover{  color: #464646; text-decoration: none; }
blockquote p { padding: 0 20px 0 30px; }
hr{  background: #CCC; height: 1px; }
img { margin: 0; }
.photo_align_left{  float: left; padding: 0 1.5em 1.5em 0; }
a.button { float: left; }

/* Fix for buttons */
input{  padding-left: 0; border: 1px solid #CCCCCC; background:#EEE;}
ol { margin-left: 35px; }
label { font-weight: normal; }
textarea{  height: 100px; width: 300px; background:#EEE; }
.small { font-size: .9em; }
.nomargin { margin: 0; }
a.button, button { font-weight: normal; }
dl.small dd { font-size: .9em; }
span.meta_align_right{  color: #ccc; font-size: .6em; float: right; }
span.meta_align_right a { color: #ccc; }
span.meta_align_right a:hover { color: #000; }
.meta{  color: #ccc; font-size: .8em; line-height: 1.875em; font-family: Georgia; }
.meta a { color: #ccc; }
.meta a:hover { color: #000; }
.byline{  color: #ccc; font-size: .8em; line-height: 1.875em; }
.byline a{  color: #FF3706; text-decoration: none; line-height: 1.875em; }
.byline a:hover { color: #000; }
.five_posts h6 a, .five_posts h4 a, .five_posts h3 a{  text-decoration: none; margin-bottom: 0; }


h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Verdana, Arial, "メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", sans-serif;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; font-weight: bold;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em;  }
h4 { letter-spacing:1px; margin:15px 0 0;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

.navigation { padding: 20px 0;}
.navigation, 
.navigation a { color: #AAA; }

.right { float: right; margin: 0; }
.left { float: left;  margin: 0;}
.center { text-align: center;}

.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignright {float:right; margin-left:10px; margin-bottom:2px}
.alignleft {float:left; margin-right:10px; margin-bottom:2px}

a:hover.alpha{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}


.post { margin:0px; padding:0px; color: #FFF; }
.post_page { margin:0; }

.post img { max-width: 660px; }


a.add_cart { padding: 25px 60px 25px 60px; background: #fcad26;
  color: #fff;border: none;
  display: inline-block;
  margin: 15px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;}
  
a.add_cart:hover { background: #f29e0d; }
a.add_cart i {font-size: 120%;}

.facebook_box { margin-top: 20px; padding:0 9px; background: #CCC; border: 1px dotted #AAA; }
.AWD_facebook_likebutton { margin: 20px 0 10px; color: #FFF;}

.news_cat { height: 575px; overflow-y:auto;}
ul.cat { background: none;}
ul.cat li{ border-bottom: 1px dotted #e5e5e5; border-top: none; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Verdana, Arial, "メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", sans-serif; font-weight:bold; font-size:15px; color:#FFF; text-transform:uppercase; letter-spacing:2px; margin:10px 0;}
ul.cat li a{  color: #FFF;}
ul.cat li a:hover{ color: #666666;}
ul.cat li span.day{ font-size: 10px; margin: 0px; padding: 0;} 

.entry { padding:0px; color: #FFF; }
.content_404,
.content_404 h1 { color: #FFF;}

/* HEADER */


#header { width: 1100px; height:100px; background: #e60213; padding:0px; margin: 0px auto;}

#header .addthis { float: right;}
#header .header_ad { width: 460px; height: 100px; float: left; margin: 15px 0 0px 40px;}
#header .header_ad a:hover img{ opacity:0.50; /* opera firefox safari */ filter: alpha(opacity=50); /* ie */}

#header .header_right { width: 200px; height: 100px; float: right;}
#header .cycleman { width: 200px; height: 40px; float: left; text-align: right;}

#header .language_change{ float:right; width:200px; height:60px; margin:0px; padding:0;}
#header .language_change ul.language-chooser {margin:0 0 0 0px; padding:0; float: right;  }
#header .language_change ul.language-chooser li { color:#fefaed; margin:0 0px 0 3px; padding:0; float:left;}
#header .language_change ul.language-chooser li a { font-size: 17px; color:#FF6600; width:85px; height:60px; display:block; text-align: right}
#header .language_change ul.language-chooser li.active a { color:#FFF; text-decoration: underline;}
#header .language_change ul.language-chooser li a:hover{ color:#CCC; }

#header .language_change ul { border:none; background:none;}
#header .language_change ul li{ border:none; background:none; list-style:none; float:left;}

#header .language_change select{　background:#000;}


#header h1 { margin: 0; padding: 0;}
#header h1 a.logo { width: 400px; height:100px; display:block; padding:0; margin:0; background:url(images/logo.gif) no-repeat; text-decoration:none; text-indent:-9999px; float: left;}
#header h1 a.logo:hover { background-position: 0px -100px; }


/* container */
#container{width: 1100px; margin: 0 auto; padding: 0; }
#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#container .content{ width: 1100px; margin: 0 auto; padding: 20px 0; background: #000;}

.home_contents {margin: 0 0 15px;}
.home_contents .comingsoon { text-align: center; color:  #fff; font-size: 16px; padding: 15px 0; margin: 10px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; letter-spacing: 3px; }

#news_top { width: 660px; height: 200px; margin: 0 auto; padding: 20px 0; background: url(images/line.gif) repeat-x top;}
#news_top .news_title{ color: #AAA; width: 200px; height: 160px; margin: 0; padding: 20px 0; background: url(images/line_height.gif) repeat-y right; float: left; }
#news_top .news_contents{ color: #FFF; width: 460px; margin: 0 ; padding: 20px 0; float: left;}

.homeNewsList {width: 440px; margin:0 0 10px 20px; padding: 0; float: left; letter-spacing: 2px; font-size: 13px;}
.homeNewsList a{ color: #CCC;  }
.homeNewsList a:hover{ color: #999;  }
.homeNewsList span.home_left { width: 100px; float: left; font-size: 12px;  }
.homeNewsList span.home_right { width: 340px; float: right; margin: 0px;  }



#rightcolumn { width: 200px; margin: 0 0 0 20px; float: right; color: #FFF; text-align: left;}
#rightcolumn h2{ font-family: Georgia; font-size: 13px; font-weight: normal; letter-spacing: 2px; color: #ECECEC; padding: 0; margin:0; }


a.rsswidget { color: #FFF;}

.bottombar { margin: 0 0 30px;}
.bottombar ul { margin: 0;}
.bottombar ul li { padding: 10px 3px; line-height: 15px;}
.bottombar ul li a { font-size: 11px; margin:0px;}
.bottombar ul li a.rsswidget{ font-size: 10px; padding: 0; margin: 0;}
.bottombar ul li a:hover.rsswidget{ color: #CCC;}


#leftcolumn { width: 200px; margin: 0 20px 0 0; padding: 0; float: left; color: #FFF;}

ul.book_list{ padding: 0; margin: 0; list-style: none;}
ul.book_list li{ padding: 0; margin: 0px; border: none;}
ul.book_list li a{ padding: 0; margin: 0px;}
ul.book_list li a:hover img{ opacity:0.50; /* opera firefox safari */ filter: alpha(opacity=50); /* ie */}

#maincontent { width: 660px; margin: 0 0 20px; float: left; text-align: left; }


#maincontent h2.blog_title{ background: url(images/line.gif) repeat-x bottom; font-family: Georgia; font-weight:normal; font-size:18px; color:#333; margin:0px 0 15px; padding:0px 0 5px; color: #FFF; letter-spacing: 2px;  }

#maincontent h2.blog_title span.small{ font-size: 11px; color: #999; float: right; margin: 10px 0 0;}
#maincontent h2.blog_title a{ color: #ECECEC; }
#maincontent h2.blog_title a:hover{ color: #FFF; }


#maincontent h2.page_title { font-weight:normal; font-family: 'Anton'; letter-spacing: 0px; color:#FFF; border:none; padding:0px 0px; margin:0px 0 20px; background: none; font-size: 30px;}
#maincontent h2.page_title span{ font-size: 20px;}

#maincontent h2.page_title span.rin_name{ font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Verdana, Arial, "メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", sans-serif;}


#maincontent h3{ font-weight:bold; font-size:14px; letter-spacing: 2px; color:#333; margin:25px 0px 10px;  padding:0 0 8px 0; background: url(images/h2.gif) repeat-x bottom; color: #FFF; }



.book_exp { padding:10px 15px; margin: 15px 0 0 0; line-height: 20px; color: #CCC; background: url(images/quote.png) .5em top no-repeat #333; border: #666 dotted 1px; }
.book_exp:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;}
.book_exp h4{ font-style: italic; color: #ECECEC; font-size: 15px;}
.book_exp h4 span{ font-size: 12px; color:#EEE; }
.book_exp h4 span.red{ font-size: 14px; font-weight: bold; color:#EEE; font-style: italic; color: #B10000; }

.first_title { margin: 15px 0 0 0;}
.second_title { margin: 15px 0 0 0;}

/* NAVIGATION IN POSTS */
.entry #nav .content{  padding: 0; margin: auto; }
.entry #nav{  margin-bottom: 15px; background: #FFF; }
.entry #nav li a{  color: #FFF; border-right: 1px solid #AAA; background: #666; }
.entry #nav li.last a { border-right: none; }
.entry #nav li a:hover{  background: #333; color: #FFF; }


.column2_left { width: 440px; margin: 10px 10px 0 0; float: left;}
.column2_right { width: 440px; margin: 10px 0px 0 10px; float: right;}

.aktt_tweets{ }
.aktt_tweets ul{ padding: 0; margin: 0;}
.aktt_tweets ul li{ width: 285px; display: block margin: 3px 0; padding: 0; text-align: left;}


ul.news_list { width:285px; float:left; background: url(images/line.gif) repeat-x bottom; font-size:11px; margin:0px 0 0 0px; }
ul.news_list li{ height: 25px; margin: 0; background: url(images/line.gif) repeat-x bottom;}
ul.news_list li span.news_left{ width:70px; height:25px; line-height:25px; float:left; }
ul.news_list li span.news_right{ width:210px; height:25px; line-height:25px; float:left; overflow:hidden; }

.addthis { width: 1100px; margin: 0; padding: 20px 0; clear: both;}
.addthis_in { float: right; margin: 0px 0;}


/* FOOTER */

#footer{ width:100%; margin: 20px 0 0 0; padding:20px 0; background: #2d71ba; clear: both; }
#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.footer_in{ width: 1100px; text-align: right; font-size: .9em; color: #AAA; margin: 0 auto; padding:0px; background: #2d71ba;}

#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: none; color: #CCC; }

.none { display: none;}

/*PAGE*/



/* form */

.wpcf7-form label{ display:block; font-weight:normal; text-align:right; width:250px; float:left; margin:5px 0 0 0; }
.wpcf7-form .small{ color:#CCC; display:block; font-size:11px; font-weight:normal; text-align:right; width:250px; }

.formTxt{ clear:both; margin:0 0 10px;}
.formTxt span.wpcf7-form-control-wrap{ margin:0 0 0 20px;}
.formTxt span.wpcf7-radio {}
.formTxt select {background:#E0EDFD; }
.formTxt input{ background:#E0EDFD; height:15px; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; margin:5px 0 20px 0px; width:280px; }
.formTxt textarea{background:#E0EDFD; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; margin:5px 0 20px 0px; width:280px; }
.formTxt input:hover, .formTxt textarea:hover { background:#FFF;}

.formTxt input.submitBtn{background:#E0EDFD; margin:0 0 0 270px; width:100px; padding:0px; height:20px; border:solid 1px #aacfe4; text-align:center; font-size:10px;}
.formTxt input:hover.submitBtn {background:#FFF;}

/* SEARCH */
#search { float: right; }

#search #s{  background: url(images/icons/search_grey.gif) 0px center no-repeat  #FFF; padding: 2px 0 2px 17px; width: 135px; color: #CCCCCC; font-size: 0.9em; margin:5px 10px 0 0; }

#search #s:hover { color: #000; }

.search-excerpt { margin: 0; }

/* COMMENTS */
.commentlist li { padding: 8px 15px; }
.comments-alt { background: #222; color: #EEE; }

/* LISTS */
.bottombar { }


ul{  list-style-type: none; margin:0; padding: 0; }
ul li{ border-top: 1px dotted #666; line-height: 2em; margin: 0; padding: 0; }
ul li a { color: #FFF; }

/* COMMENT STYLES */

h2#comments,
h2#respond {background: url(images/line.gif) repeat-x bottom; font-family: Georgia; font-weight:normal; font-size:18px; color:#333; margin:0px 0 15px; padding:0px 0 5px; color: #FFF; letter-spacing: 2px; }

dl#comment_list { margin: 0 0 0 0; }
dl#comment_list dt{  padding: 0 0 33px 0; background: url('images/comment_top.gif') 0 100% no-repeat; font-size: 1.1em; line-height: 1.8182em; color: #999; }
dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }
dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
dl#comment_list dt .comment_num a:hover { color: #a90000; }
dl#comment_list dt strong{  font-size: 1.4545em; color: #000; }
dl#comment_list dt strong a, dl#comment_list dt strong a:visited{  color: #000; border-bottom: 1px dotted #999; }
dl#comment_list dt strong a:hover{  color: #000; border-bottom: 1px solid #a90000; }
dl#comment_list dd{  padding: 20px; margin: 0 0 1.5385em; background: #dfdfdf; }
dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; }
dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }

/* COMMENT FORM */
#comment_form{  width: 46.8em; margin: 0 0 4.0em 0; }
#comment_form a:hover { text-decoration: underline; }
#comment_form p { padding: 0.7692em 0; }
#comment_form label{  padding: 0 0 0 0.83333em; font-size: 1.2em; }
#comment_form .text_input{  width: 15.3846em; padding: 0.23077em; color: #a90000; font: bold 1.3em Verdana, sans-serif; border-top: 0.15385em solid #999; border-left: 0.15385em solid #999; border-right: 0.07692em solid #eee; border-bottom: 0.07692em solid #eee; }
#comment_form .text_input:focus{  border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
#comment_form .text_area { width: 32.9231em; }
#comment_form p.subscribe-to-comments { font-size: 1.3em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
#comment_form .form_submit{  padding: 0.5em; background: url('images/submit_bg.gif') repeat-x; color: #000; border: 0.21429em double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; }
#comment_form .form_submit:hover { color: #0099cc; }

form#commentform { margin:15px 0 0 0; color: #FFF;}


/* Root = Horizontal, Secondary = Vertical */
#navmenu-h { background: #FFF;}
#navmenu-h li.alignright { float: right; }

ul#navmenu-h{  border-bottom:1px solid #ECECEC;  margin: 0 0 20px 0; padding: 0; width: 1100px; /*For KHTML*/ list-style: none; height: 24px; }
ul#navmenu-h li{  margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 24px; }
ul#navmenu-h ul{  margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 24px; left: 0; }
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{  clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu-h ul li{  width: 160px; float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For IE*/
}
/* Root Menu */
ul#navmenu-h a{  padding: 2px 20px 0 20px; float: none !important; /*For Opera*/
	/*For IE*/
	display: block; color: #666; font: 12px/22px Helvetica; text-decoration: none; height: auto !important; /*For IE*/}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a{  background: #CCC; color: #663366; }

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a{  float: none; background: #000; color: #ccc; }

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a{  background: #333; color: #FFF; }

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a{  background: #000; color: #ccc; }

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a{  background: #CCC; color: #FFF; }

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a{  background: #EEE; color: #666; }

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover{  background: #CCC; color: #FFF; }

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul{  display: none; position: absolute; top: 0; left: 160px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none; }

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block; }




#home_right a.side_link img { width:144px; height:50px; border-bottom:#ECECEC 2px solid; margin:0 0 10px 0;}
#home_right a:hover.side_link img { border-bottom:#CCC 2px solid;}

/* The last column in a row needs this class. */
.last { margin: 2px 0 0 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 144px; }
.span-5   { width: 190px; }
.span-6   { width: 200px; }
.span-7   { width: 270px; }
.span-8   { width: 290px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 560px; }
.span-16  { width: 630px; }
.span-17  { width: 650px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 1100px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 900px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 900px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee; }


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { margin-bottom: 25px; }

.box_single { 
  padding: 1.5em;
  text-align:center;
  background: url(images/line.gif) repeat-x top;
  margin:15px 0; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, #container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; clear:both; margin: 0; padding: 0; line-height: 0; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/*scroll*/

	

		
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {display: none;}
}

/* Skin */
.tabs-nav {list-style: none; margin: 0; padding: 0;}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;clear: both;content: " ";}
.tabs-nav li {float: left;}
.tabs-nav a {}
.tabs-nav .tabs-selected a {color: #000;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {background-position: 100% -100px;}

.tabs-nav .tabs-selected a span { padding: 0px; }
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; }
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; }

.tabs-container {width:100%;/* declare background color for container to avoid distorted fonts in IE while fading */}
.tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }


 
 /* page flip */

#myBook {display:none; position:relative; left:8px; top:0px; width: 640px; padding: 0 0 0px; }
.imBookPage {position:absolute; left:0px; top:0px; width: 320px; color:#fff; overflow:hidden; border: solid 1px #000; cursor: pointer;}

.book_mf01 { height: 380px;}
.book_mf02 { height: 410px;}
.book_mf03 { height: 440px;}
.book_mf04 { height: 440px;}
.book_mf05 { height: 420px;}
.book_mf06 { height: 425px;}
.book_mf07 { height: 420px;}
.book_mf08 { height: 420px;}
.book_mf09 { height: 320px;}
.book_mf10 { height: 430px;}
.book_40s { height: 382px;}
.book_hd { height: 420px;}
.book_kv { height: 425px;}
.book_qv { height: 430px;}
.book_kv03 { height: 423px;}
.book_schott { height: 427px;}
.book_xlarge { height: 320px;}
.book_lewis { height: 320px;}
.book_wesco { height: 320px;}

.click_book{ text-align: right;}




/*sub_contents*/
#navi_sub{ padding:0px; height: 56px; }
#navi_sub ul{ padding: 0; margin: 0;}
#navi_sub ul li{ float: left; margin: 2px; list-style: none; border: none; }
#navi_sub ul li a:hover img{
opacity:0.50; /* opera firefox safari */
filter: alpha(opacity=50); /* ie */
}
.pagetop{text-align: right; clear: both;}

#scr{}
#list {}

#list ul { font-size: 12px; margin: 0px 0 10px; padding: 0px; list-style: none;}
#list ul li{ width: 153px; height: 130px; float: left; padding: 3px; margin:2px; background-color: #c34040; border: 1px solid #9a0000; }
#list ul li img{ vertical-align:middle; }

#list dl dt { font-size: 93%; line-height: 138.5%; color: #FFFFFF; margin: 0px; padding: 2px 8px 2px 8px; background-color: #9a0000; font-weight: bold; list-style: none;}
#list dl dd { font-size: 93%; line-height: 138.5%; color: #FFFFFF; margin: 0px; padding: 4px 8px; word-wrap: break-word; /*word-break: break-all;*/
list-style: none;}
#list dl dd small {	font-size: 85%; }
#list dl dd small a{ color: #490000; }
#list dl dd small a:hover{ color: #FFF; }

.country{ font-size: 12px; color: #FFCC00; letter-spacing: 1px; margin: 0 0 8px 0; border-bottom:1px solid #c34040; padding:6px 0 2px 0;  }
.country small{ color: #FFCC00; font-size: 11px; }
.country2{}

.sub{ font-size: 15px; letter-spacing: 1px; color: #FFF; margin: 20px 0 10px; padding: 0; border-bottom: 1px solid #c34040; font-weight: normal; }
.sub2{ font-size: 13px; letter-spacing: 1px; color: #FFCC00; margin: 0px 0; font-weight: bold; }
.ward{ clear: both; font-size: 11px; color: #f0cfcf; padding: 0; margin: 0 4px; }