/*
Theme Name: Naruto Strikes Back
Theme URI: http://blinding-light.com/designs
Description: A theme based from the anime "Naruto" by Kishimoto Masashi.
Author: Miko Reznor
Author URI: http://blinding-light.com
*/

body {
	background: #FFFDDD url('/images/background.gif') center top;
	color: #333;
	font: 75%/145% Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #330066;
}

img {
	border: 0px;
	vertical-align:bottom;
}

img a{
	border: 0px;
}


#wrap {
	width: 848px;
	background: url('/images/wrap.jpg') repeat-y center top;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
}


#header {
	width: 880px;
			height: 50px;
	background: url('/images/header.jpg') repeat-y center top;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font: 95%/140% Verdana, sans-serif;

}

#header1 {
	padding: 4px 20px 4px 30px;
	margin: 0px;
	font: 90% Verdana, sans-serif;
	color: #999999;
	text-align: right;
}

#header2 {
	padding: 4px 20px 2px 180px;
	margin: 0px;
	font: 95%/140% Verdana, sans-serif;
	color: #999999;
	text-align: right;
}

#header2 a {
	font: 95%/140% Verdana, sans-serif;
	color: #999999;
	text-decoration: none;
}

#header2 a:hover {
	font: 95%/140% Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #336666;
}

/* CONTENTS */

#contents {
	width: 672px;
	float: right;
}

#contents h2, #sidebar h2 {
	border-bottom: 1px dotted #666666;
	color: #333333;
	font: bold 120% Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}
#contents a:hover {
	text-decoration: underline;
}
#contents h2 a, #contents .small a, #sidebar h2 a {
	color: #11222c;
}
#contents h2 a:hover, #contents .small a:hover, #sidebar h2 a:hover {
	text-decoration: underline;
}

#contents p {
	padding: 0px;
}

#contents .small {
	color: #333333;
	font: 90% Verdana, sans-serif;
	margin: 0;
}

#contents img {
	padding: 0px;
}

#contents .wp-smiley {
	background: #F2F8FF;
	border: 0;
	margin: 0;
	padding: 0;
}

#contents-top {
	width: 624px;
	padding: 0px 24px 6px 24px ;
}

#top-promotion {
	width: 672px;
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
}


#top-middle {
	width: 672px;
		height: 16px;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 0px ;
	clear:both;
}


#top-left {
	width: 230px;
	float: left;
	margin: 0px;
	padding: 0px 2px 0px 24px ;
}

#top-right {
	width: 380px;
	float: right;
	margin: 0px;
	padding: 0px 24px 0px 2px ;
	font: 110%/130%  Verdana, sans-serif;
	
}

#top-left2 {
	width: 300px;
	float: left;
   text-align: left;
	margin: 0px;
	padding: 0px 6px 0px 24px ;
}

#top-right2 {
	width: 300px;
	float: right;
	margin: 0px;
	padding: 0px 24px 0px 6px ;
}

#top-bottom {
	width: 624px;
   text-align: left;
	margin: 0px;
	padding: 12px 24px 12px 24px ;
}
#top-bottom-t {
	width: 600px;
   text-align: left;
	margin: 0px;
	padding: 0px 24px 0px 24px ;
}

#top-banner {
	margin: 0px;
	padding: 0px 0px 16px 16px ;
}

#top-banner1 {
	width: 300px;
	float: left;
	height: 100px;
	margin: 0px;
	padding: 0px 6px 2px 0px ;
}

#top-banner2 {
	width: 300px;
	float: left;
	height: 100px;
	margin: 0px;
	padding: 0px 0px 2px 6px ;
}

#contents2 {
	width: 600px;
	padding: 24px 36px 24px 36px ;
}

#contents2-left {
	background: #D6DED6 url('/images/box-back.jpg') repeat-y left top;
	width: 195px;
	float: left;
	padding: 12px 15px 12px 36px ;
}

#contents2-right {
	width: 380px;
	float: right;
	padding: 12px 36px 12px 6px ;
		text-align: left;
}

#contents2-top {
	height: 20px;
	padding: 0px ;
}

#contents2-center {
	clear:both;
	padding: 2px ;
}

#contents3 {
	width: 600px;
	padding: 24px 36px 24px 36px ;
}



#contents3-left {
	width: 380px;
	float: left;
	padding: 12px 36px 12px 12px ;
}

#contents3-right {
	background: #D6DED6;
	width: 180px;
	float: right;
	padding: 12px 24px 12px 36px ;
}

.banner {
	width: 350px;
  margin-top:-30px;
  margin-left:-200px;

}

.banner1 {
	width: 148px;
		height: 100px;
		float: left;
  overflow:hidden;
}

.banner2 {
	width: 148px;
		height: 116px;
	margin: 0px 6px 6px 6px ;
		float: left;
}


.banner3 {
	width: 258px;
  margin-top:-16px;
  margin-left:-135px;

}

.banner4 {
	width: 120px;
		height: 80px;
  overflow:hidden;
  
}


.banner5 {
	width: 120px;
		height: 135px;
	margin: 0px 30px 10px 0px ;
		float: left;
				text-align: left;
}

.banner6 {
	width: 280px;
		height: 80px;
	margin: 0px 10px 10px 0px ;
		float: left;
				text-align: left;
}
.banner7 {
	width: 120px;
		height: 80px;
  overflow:hidden;
  		float: left;
  
}

.banner8 {
	width: 80px;
	margin: 0px 20px 30px 20px ;
	float: left;
		text-align: center;
}

.banner9 {
width: 80px;
height: 80px;
  overflow:hidden;
}


.banner10 {
		height: 80px;
}

.tate{
	width: 15px;
	font: 15px/150% "HiraMinPro-W3", "�q���M�m���� Pro W3", "�l�r �o����", "�ז�����",serif;
		text-align: center;
			color: #333333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.tate-t{
	width: 30px;
	font: 30px/150% "HiraMinPro-W6", "�q���M�m���� Pro W6", "�l�r �o����", "�ז�����",serif;
		text-align: center;
			color: #333333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.tate-m{
	width: 15px;
	font: 15px/150% "HiraMinPro-W6", "�q���M�m���� Pro W6", "�l�r �o����", "�ז�����",serif;
		text-align: center;
			color: #333333;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
.tate-m2{
	width: 15px;
	font: 15px/150% "HiraMinPro-W6", "�q���M�m���� Pro W6", "�l�r �o����", "�ז�����",serif;
		text-align: center;
			color: #333333;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.tate-t-list{
	width: 60px;
	margin: 0px 0px 20px 20px ;
	float: right;
		text-align: center;
}


.tate-list{
	width: 60px;
	margin: 50px 0px 20px 20px ;
	float: right;
		text-align: center;
}


.tate-list2{
	width: 30px;
	margin: 100px 0px 20px 20px ;
	float: right;
		text-align: center;
}



.banner-c {
	margin: 2px ;
	font: 87%/115% Verdana, sans-serif;
		text-align: left;
			color: #666666;
}

.banner-c a{
			color: #666666;
font-weight: normal; 
}

.banner-d {
  		float: left;
	width: 140px;
	margin: 2px ;
	font: 87%/140% Verdana, sans-serif;
		text-align: left;
			color: #666666;
}

.banner-d  a{
			color: #666666;
font-weight: normal; 
}


.thm {
    padding:0;
    margin:0;

}

.thm a {
	width: 65px;
			height: 65px;
    padding:0;
    margin:5px 0 10px 0;
		float: left;
}


.thm ul {
	width: 70px;
		height: 65px;
    padding:0;
    margin:5px 10px 10px 0px;
			float: left;
}
.thm li {
list-style:none;
    padding:0;
    margin:0;
	
}

.thm li a {
	font: bold 100%/110% Verdana, sans-serif;
		text-align: left;
			}
			
.box {
	margin: 12px 36px 24px 36px ;
		clear:both;
}

.box2 {
	width: 270px;
			height: 100px;
	margin: 0px 20px 16px 0px ;
			float: left;
}

.box-title {
	background: url('/images/box-back.jpg') repeat-y left top;
	width: 86%;
	padding: 12px 24px 12px 36px ;
		margin: 12px 0px 6px 0px ;
		text-align: left;
	border-bottom: 1px dotted #666666;
	color: #333333;
	font: bold 120% Verdana, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
		clear:both;
}

.works-left {
	width: 100px;
	padding: 12px 36px 12px 36px ;
	text-align: left;
}

.works-right {
	width: 475px;
	padding: 0px 36px 12px 8px ;
		text-align: left;
}

.works-center {
	clear:both;
	padding: 4px ;
}

.works-info {
	background: #ffffff;
	width: 420px;
	padding: 12px 0px 12px 0px ;
	text-align: left;
}

.works-info dl {
   margin: 0px 2px 0 2px;
   padding: 0;
   }

.works-info dt {
   margin: 0;
   padding: 0 0 0px 0;
   text-align: left;
   font-size: 10px;
   font-weight: bold;
   border-bottom: 1px solid #0c2c3c;
   color: #0c2c3c;
   }

.works-info dd {
   margin: 0 0 5px 0;
   padding: 0;
   text-align: right;
   font-size: 10px;
   }

/* SIDEBAR */

#sidebar {
	width: 176px;
	background: #ffffff;

	float: left;
	font: 95%/130% Verdana, sans-serif;
}

#sidebar ul {
	padding: 0;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2 {
	margin: 0px;
	text-align: right;
}

#sidebar ul li a {
	color: #380000;
	font-weight: bold;
}

#sidebar ul li a:hover {
	color: #00F;
	position: relative;
	top: 0px;
	left: 0px;
}

#sidebar ul ul {
	margin: 0;
	padding: 0;
}

#sidebar li li {
	padding: 0px;
}

#sidebar li li li {
	padding: 0px;
}

.menu-t {
	width: 176px;
}
.trHidden {
	display: none;
	margin: 0px;
	padding: 0px;
}
.smenu-list{
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom: 0px;
    list-style: none;
	margin: 0px;
}

.smenu-list-item{
    width: 135px; 
  font-size : 12px;
  color : #555555;
  background-color : #ffffff;
  padding-top : 2px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 2px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : #ffffff;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
	font-family: 'Lucida Sans Unicode', helvetica, arial, sans-serif;
    display: block;
}

.smenu-list-item a
{
    width: 125px; 
  font-size : 12px;
    padding-top : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-bottom : 2px;
	color: #555555;
    display: block;
}

.smenu-list-item a:visited
{
    width: 125px; 
  font-size : 12px;
    padding-top : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-bottom : 2px;
	color: #555555;
    display: block;
}

.smenu-list-item a:hover
{
    width: 125px; 
    padding-top : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-bottom : 2px;
    color: #555555;
    background-color : #e3f9d2;
  border-bottom-width : 0px;
    display: block;
}
#smenu-text {
	width: 170px;
        padding-top : 2px;
	margin: 0px;
	padding: 5px;
}
.menu-text a
{
    width: 120px; 
    font: 130% Verdana, sans-serif;
    letter-spacing : 5px;
    padding-top : 2px;
    padding-left : 40px;
    padding-right : 16px;
    padding-bottom : 2px;
	color: #999999;
    display: block;
}

.menu-text a:visited
{
    width: 120px; 
    font: 130% Verdana, sans-serif;
	font-weight: bold;
    padding-top : 2px;
    padding-left : 40px;
    padding-right : 16px;
    padding-bottom : 2px;
	color: #999999;
    display: block;
}

.menu-text a:hover
{
    width: 120px; 
    font: 130% Verdana, sans-serif;
	font-weight: bold;
    padding-top : 2px;
    padding-left : 40px;
    padding-right : 11px;
    padding-bottom : 2px;
    color: #000000;
  border-bottom-width : 0px;
    display: block;
}

.menu-text-XL a
{
	color: #6666cc;
	font: 130% serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 2.0em;
}

.menu-text-XL a:visited
{
	color: #6666cc;
	font: 130% serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 2.0em;
}

.menu-text-XL a:hover
{
	color: #333366;
	font: 130% serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 2.0em;
}

.menu-text-XLR a
{
	color: #660000;
	font: 130% serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 2.0em;
}

.menu-text-XLR a:visited
{
	color: #660000;
	font: 130% serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 2.0em;
}

.menu-text-XLR a:hover
{
	color: #333366;
	font: 130% serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 2.0em;
}

.menu-text-s a
{
    width: 120px; 
    font: 95% Verdana, sans-serif;
    padding-top : 2px;
    padding-left : 40px;
    padding-right : 16px;
    padding-bottom : 2px;
	color: #999999;
    display: block;
}

.menu-text-s a:visited
{
    width: 120px; 
    font: 95% Verdana, sans-serif;
    padding-top : 2px;
    padding-left : 40px;
    padding-right : 16px;
    padding-bottom : 2px;
	color: #999999;
    display: block;
}

.menu-text-s a:hover
{
    width: 120px; 
    font: 95% Verdana, sans-serif;
    padding-top : 2px;
    padding-left : 40px;
    padding-right : 11px;
    padding-bottom : 2px;
    color: #000000;
  border-bottom-width : 0px;
    display: block;
}

.menu-sub a
{
    width: 120px; 
    font: 95% Verdana, sans-serif;
    padding-top : 2px;
    padding-left : 50px;
    padding-right : 16px;
    padding-bottom : 2px;
	color: #999999;
    display: block;
}

.menu-sub a:visited
{
    width: 120px; 
    font: 95% Verdana, sans-serif;
    padding-top : 2px;
    padding-left : 50px;
    padding-right : 16px;
    padding-bottom : 2px;
	color: #999999;
    display: block;
}

.menu-sub a:hover
{
    width: 120px; 
    font: 95% Verdana, sans-serif;
    padding-top : 2px;
    padding-left : 50px;
    padding-right : 11px;
    padding-bottom : 2px;
    color: #000000;
  border-bottom-width : 0px;
    display: block;
}

/* FOOTER */

#footer0 {
	clear: both;
}


#footer {
	width: 880px;
	height: 24px;
	background: url('/images/footer.jpg') repeat-y center top;
	margin: 0 auto;
	padding: 0px;
	font: 95%/140% Verdana, sans-serif;
}


#footer a:hover {
	text-decoration: underline;
}


/* COMMENTS */

.comments {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments li {
	background: #F7FBFF;
	border: 1px solid #D9DFEF;
	margin: 0px;
	padding: 0px;
}

.comments li li {
	border: none;
	padding: 0;
}


/* FORMS */

#contents form {
	padding: 4px;
}

#contents form fieldset {
	border: 0;
	margin: 0;
}

#contents form fieldset label {
	width: 20%;
	float: left;
	font-weight: bold;
}

#contents form fieldset input, #contents form fieldset select, #contents form fieldset textarea {
	width: 75%;
	background: #F9FCEC;
	border: 1px solid #D9DFEF;
	float: right;
	font: 100% Verdana, sans-serif;
	margin: 2px;
}

#contents form fieldset textarea {
	height: 250px;
}

#contents form fieldset br {
	clear: both;
}

#contents form fieldset .button {
	width: 32%;
	font-weight: bold;
	text-transform: uppercase;
}


/* CONSTANTS */

hr {
	clear: both;
	visibility: hidden;
}

blockquote {
	background: #F9FCEC;
	border: 0px dotted #D9DFEF;
	padding: 0px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	width: 420px;
	float: left;
	padding: 0px 2px 24px 0px ;
}

.right-t {
	width: 140px;
	float: right;
	padding: 0px 0px 24px 2px ;
	
}
.right {
	width: 148px;
	float: right;
	padding: 0px 0px 24px 2px ;
}

.right2 {
	background: #D6DED6;
	width: 170px;
	float: right;
	padding: 0px 0px 24px 2px ;
	
}

.right  img{
	height: 70px;
	margin: 3px ;
	text-align: center;
}


.right  a{
	width: 46px;
		height: 46px;
		float: left;
  overflow:hidden;
}




.under {
	width: 600px;
	padding: 0px 0px 24px 2px ;
	clear: both ;
	margin-right: auto;
	margin-left: auto;
}

.under img{
	height: 105px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: center;
}

.under a{
	width: 140px;
	float: left;
	margin-right:  10px;
	margin-left:  auto;
	margin-bottom: 8px;
	text-align: center;
  overflow:hidden;
}

.under2 {
	width: 600px;
	padding: 0px 0px 24px 2px ;
	clear: both ;
	margin-right: auto;
	margin-left: auto;
}

.under2 img{
	width: 90px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: center;
}

.under2 a{
	height: 120px;
	float: left;
	margin-right: 10px;
	margin-left: auto;
	margin-bottom: 10px;
	text-align: center;
  overflow:hidden;
}

.img-left{

	float:left;

	margin-right: 5px;

	}

.img-right{

	float:right;

	margin-left: 5px;

	}
	
/* FONTS */

h1 {
	color: #000000;
	font: 135% Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 2px;
	text-transform: uppercase;
}
h2 {
	color: #666666;
	font: 100% Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 2px;
	text-transform: uppercase;
}

h3 {
	color: #333333;
	font: bold 130% Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 2px;
	text-transform: uppercase;
}

h4 {
	color: #666666;
	font: bold 110% Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 2px;
	text-transform: uppercase;
}
h5 {
	color: #333333;
	font: bold 100% Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 2px;
	text-transform: uppercase;
}

h6 {
	color: #000000;
	font: 130% serif;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 3.0em;
}
h7 {
	color: #000000;
	font: 130% serif;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 1.0em;
}
h8 {
	color: #000000;
	font: 100% serif;
	letter-spacing: 2px;
	margin: 2px;
	text-transform: uppercase;
	line-height: 1.0em;
}
.tab{
    padding-left : 20px;

}
.blue{
	font: 90%;
	font-weight: bold;
	color: #0c2c3c;

}
.orange{
	font: 90%;
	font-weight: bold;
	color: #FF8C00;

}
.white{
	font: 90%;
	font-weight: bold;
	color: #ffffff;

}
.white2{
	color: #ffffff;

}
.kiiro{
	font: 90%;
	color: #8b781f;

}
.dgray{
	font: 90%;
	font-weight: bold;
	color: #333333;

}
.lgray{
	font: 90%;
	font-weight: bold;
	color: #999999;

}
.mgray{
	font: 90%;
	font-weight: bold;
	color: #666666;
}
.black{
	font: 90%;
	font-weight: bold;
	color: #000000;

}
.red{
	font: 90%;
	font-weight: bold;
	color: #8d3a3a;

}
.big{
	font: 110% Verdana, sans-serif;

}

.plus {
	background: url('/images/plus.gif') no-repeat left;
	padding: 8px 0 0 18px;
	font: 110% Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 2px;
	font-weight: bold;
	color: #0c2c3c;
}
.side-lgr{
	font: 80% Verdana, sans-serif;
	color: #666666;
        text-align: left;
    padding-left : 30px;
}
.side-lg{
	width: 140px;
        padding-left : 20px;
	font: 80% Verdana, sans-serif;
	color: #D6DED6;
}
.h-text{
	font: 90% Verdana, sans-serif;
	color: #000000;
}
.f-title{
	font: 100% Verdana, sans-serif;
	font-weight: bold;
	color: #000000;
        text-align: left;
}
.f-text{
	font: 80% Verdana, sans-serif;
	color: #000000;
}
.kaiwa-text{
	font: 100% Verdana, sans-serif;
	color: #000000;
        text-align: left;
	font-weight: bold;
	line-height: 2.0em;
}
.c-text{
	font: 100% Verdana, sans-serif;
	color: #000000;
        text-align: left;
	line-height: 2.0em;
}
.kokorozasi-text{
	font: 100% Verdana, sans-serif;
	color: #000000;
        text-align: left;
	line-height: 2.2em;
}


#slide{
	margin: 0px;
	padding: 0px;
	height: 420px;
}

#slide li{
	display:none;
}
.a-text{
	font: 100% Verdana, sans-serif;
	color: #000000;
}
.q-text{
	font: 120% Verdana, sans-serif;
	font-weight: bold;
	color: #000000;
}