/*
Theme Name: Naruto Strikes Back
Theme URI: http://cord-D.com/
Description: お客様に喜んでいただけるデザインを提供.
Author: cord-D
Author URI: http://cord-D.com/
*/

@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:"MS ゴシック", sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:center;
}

a{
	color:#666666;
}

img{
	border:none;
	vertical-align:bottom;
}

#wrapper{
	width:950px;
	margin-left:auto;
        margin-right:auto;
	text-align:left;
	line-height:17px;
}

/*ヘッダー*/

#header{
	overflow:hidden;
	padding:26px 0px 0px 0px;
}

.logo{
	float:left;
}

.tel{
	float:right;
	padding:8px 0px 0px 0px;
}

.like{
	float:right;
	margin-left:20px;
}

#menu{
	margin:15px 0px 30px 0px;
	float:left;
	clear:both;
}

#menu ul{
	list-style:none;
}

#menu ul li{
	float:left;
}

/*コンテンツ*/

#contents{
	overflow:hidden;
	margin:35px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	clear:both;
}

#leftSide{
	width:616px;
	float:left;
}

#rightSide{
	width:290px;
	float:right;
}

#press{
	border:1px solid #000;
	border-top:3px solid #000;
	overflow:hidden;
	padding:5px 10px 10px 10px;
	margin:0px 0px 20px 0px;
}

#info{
	clear:both;
	border:3px solid #000;
	overflow:hidden;
	padding:5px 10px 10px 10px;
}

.pressSum{
	float:left;
	margin:20px 10px 0px 0px;
}

.pressText{
	float:left;
	width:125px;
	margin:20px 0px 0px 0px;
}

#contentsBottom{
	clear:both;
	overflow:hidden;
}

#newsArea{
	float:left;
	overflow:hidden;
	border:1px solid #999999;
	width:275px;
	padding:10px 5px 10px 5px;
	margin:0px 40px 0px 0px;
}

.news{
	margin:10px 0px 0px 0px;
}

#twitterArea{
	float:left;
}

.toAll{
	text-align:right;
}

#player{
	margin:10px 0px 0px 0px;
}

/*ブログ部分*/

#contents02{
	margin:35px 0px 0px 0px;
	background-image:url(http://v-olta.com/staff/wp-content/themes/2colom/images/black.gif);
	background-position:left;
	background-repeat:repeat-y;
	overflow:hidden;
	clear:both;
}

#sidebar{
	width:180px;
	float:left;
	text-align:right;
	padding:10px 20px 0px 0px;
	color:#fff;
}

#sidebar a{
	color:#fff;
}

#sidebar ul{
	list-style:none;
}

#main{
	float:right;
	padding:50px 0px 0px 50px;
	width:700px;
	background-image:url(http://v-olta.com/staff/wp-content/themes/2colom/images/blog_head.gif);
	background-repeat:no-repeat;
}

.sideBox{
	margin:0px 0px 30px 0px;
}

.h3title{
	margin:0px 0px 10px 0px;
}

.post{
	margin:0px 0px 80px 0px;
}

#titleArea{
	border-bottom:1px solid #000;
	overflow:hidden;
	padding:0px 0px 3px 0px;
}

.blogTitle{
	font-size:18px;
	float:left;
}

.blogTitle a{
	text-decoration:none;
}

.date{
	float:right;
	font-size:18px;
}

.small{
	clear:both;
	font-size:10px;
	margin:0px 0px 30px 0px;
}

/*フッター*/

#footer{
	clear:both;
	width:950px;
	height:24px;
	padding:200px 0px 0px 0px;
	background-image:url(http://v-olta.com/staff/wp-content/themes/2colom/images/footer.gif);
	background-repeat:no-repeat;
	color:#999;
	text-align:center;
	border-top:5px solid #323232;
}

/*カルーセル*/

.prev{
	float:left;
	margin:128px 25px 0px 0px;
}

.jCarouselLite{
	float:left;
	margin:20px 0px 20px 0px;
}

.jCarouselLite ul li{
	margin:0px 25px 0px 0px;
}

.next{
	float:left;
	margin:128px 0px 0px 0px;
}

.prev2{
	float:left;
	margin:75px 20px 0px 0px;
}

.jCarouselLite2{
	float:left;
	margin:20px 0px 20px 0px;
}

.jCarouselLite2 ul li{
	margin:0px 20px 0px 0px;
}

.next2{
	float:left;
	margin:75px 0px 0px 0px;
}


/*メニューページ*/

#sidebar02{
	width:195px;
	float:left;
	text-align:right;
	padding:10px 5px 0px 0px;
	color:#fff;
}

#sidebar02 a{
	color:#fff;
}

#sidebar02 ul{
	list-style:none;
}

#main02{
	float:right;
	width:750px;
}

#mailform{
	padding:20px 0px 80px 50px;
	overflow:hidden;
}

.li1{
	margin:20px 0px 0px 0px;
}

.li2{
	margin:10px 0px 0px 0px;
}

.li3{
	margin:10px 0px 0px 0px;
}

.li4{
	margin:5px 0px 0px 0px;
}

.li5{
	margin:10px 0px 0px 0px;
}

.li6{
	margin:7px 0px 0px 0px;
}

.li7{
	margin:10px 0px 0px 0px;
}

.menuBox{
	margin:30px 0px 0px 0px;
}

.priceTable{
	margin:30px 0px 80px 105px;
	line-height:25px;
}

.priceTable2{
	margin:30px 0px 30px 105px;
	line-height:25px;
}

.td1{
	width:215px;
}

.td2{
	width:110px;
	text-align:right;
}

.td3{
	width:425px;
}

.td4{
	width:80px;
}

.gray{
	padding:0px 0px 0px 30px;
	color:#999999;
}

/*スタイルページ*/

#contents03{
	margin:35px 0px 0px 0px;
	overflow:hidden;
	clear:both;
}

#contents03 ul{
	overflow:hidden;
	list-style:none;
	margin-bottom:10px;
}

.menulist{
	margin:0px 40px 0px 0px;
	float:left;
}

.menulist2{
	float:left;
}

.menulist3{
	margin:0px 35px 0px 0px;
	float:left;
}

.h2menu{
	margin:40px 0px 0px 0px;	
}

#center{
	width:580px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-bottom:30px;
	padding:30px 0px 0px 0px;
}

#sumArea{
	margin:0px 0px 14px 0px;
	width:965px;
	overflow:hidden;
}

#sumArea2{
	margin:30px 0px 14px 0px;
	width:965px;
	overflow:hidden;
}


.sumnail{
	margin:0px 16px 16px 0px;
	float:left;
}

/*ページ*/

#pages{
	margin:30px 0px 0px 20px;
	clear:both;
}

#accessArea{
	float:right;
}

#access{
	margin:30px 0px 80px 40px;
}

.accessText{
	margin:30px 0px 50px 0px;
	overflow:hidden;
}

.address{
	float:left;
}

.sendmail{
	float:left;
	margin:50px 0px 0px 20px;
}

/*スタッフページ*/

#staffArea{
	float:right;
	padding:0px 0px 50px 0px;
}

.staff{
	overflow:hidden;
	padding:30px 0px 20px 20px;
}

.staffPhoto{
	float:left;
}

.staffDeta{
	float:left;
	margin:10px 0px 0px 30px;
	overflow:hidden;

}

.staffName{
	margin:0px 0px 20px 0px;
}

.fTitle{
	margin:0px 0px 10px 0px;
}

.td01{
	padding:0px 30px 10px 0px;
}

.td02{
	padding:0px 0px 10px 0px;
	white-space: nowrap;

}

.rssArea{
	width:350px;
	float:right;
	clear:right; 
}

.favorite{
	width:210px;
}

.favorite tr td{
	vertical-align:top;
}


.rssTitle{
	margin:0px 0px 15px 0px;
}

.staffPost{
	overflow:hidden;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}

.postDate{
	float:left;
	margin:0px 30px 0px 0px;
}

.postTitle{
	float:left;
}

/*ドロップダウンメニュー*/

/* Basic code - don't modify */
 
#nav { display: block; margin:0px 0px 0px 0px; padding: 0; position: relative;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 141px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background-color: #30A8C3; }
#nav *:hover { background-color: none; }
#nav .li01 a { color: white; padding:6px;}
#nav li.hover a { background-color: #5E5A5A; }
#nav ul { top: 35px; }
#nav ul li a { background-color: #5E5A5A; }
#nav ul a.hover { background-color: #30A8C3; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



/*Twitter*/

#twitter_div {
text-align : left;
padding : 10px 20px;
background-color :#000;

}

#twitter_div h2 {
text-align : left;
}

#twitter_div ul {
width : 248px; /* 適宜変更推奨 */
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 2px 5px 2px 5px; /* 適宜変更推奨 */
border-bottom : dotted 1px #6e6055; /* 適宜変更推奨 */
}

#twitter_div li a {
font-size : 0.8em !important;
color : #c7b9a5; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color : #ffffff;
}

#twitter_div li span {
color : #dedad4; /* 適宜変更推奨 */
font-size : 0.8em;
}

#twitter_div li span a {
color : #efe9e1; /* 適宜変更推奨 */
font-size : 1em !important;
}

.twitterName {
font-size : 0.8em;
color : #dedad4; /* 適宜変更推奨 */
text-align : right;
}

a#twitter-link:hover {
color : #ffffff;
}