/*  
Theme Name: t-nagatsuka_2010
Theme URI: http://t-nagatsuka.net/
Description: ながつか智広公式ホームページ用テンプレート（2010年版）
Version: 1.0
Author: BOKUNO Inc.
Author URI: http://www.bokuno.co.jp/
*/

/* BEGIN STRUCTURE */
/* global */
html,body{height:100%;}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana, Arial, Tahoma;
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#333;
	height:100%;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
textarea{font-family:"Trebuchet MS", Arial, Verdana; font-size:12px}
hr {
	border: 0;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/* heading */
h1, h2{margin-bottom:15px;	font-family:"Trebuchet MS", Arial, Tahoma;	font-weight:normal; color:#666}
h1 {font-size:22px; line-height:24px;}
h2 {font-size:18px; line-height:20px;}
h3 {}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}

/* links */
a {color:#0099cc; text-decoration:none;}
a:hover{color:#0fb2e8; text-decoration:none;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; margin-right:15px; margin-top:5px}
.imgright{float:right; margin-left:15px; margin-top:5px}
.imgcenter{vertical-align:middle; margin:0px auto 10px auto; display:block}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {

	line-height:18px;
	margin-bottom:15px;
}
p.postdate{text-align: right; color:#999999;}

ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#666;
	padding:10px 20px 10px 35px;
	background-image:url(images/quote.gif);
	background-repeat:no-repeat;
	}

/* Container */
#top_container{ background-image:url(./images/bg_container_top.gif); background-repeat:repeat-x; background-position:top;}
#sub_container{ background-image:url(./images/bg_container_sub.gif); background-repeat:repeat-x; background-position:top;}
#bottom_container{ background-image:url(images/bg_container_bottom.gif); background-repeat:repeat-x; background-color:#efefef; min-height:200px;}
#footer_container{ background-image:url(images/bg_container_footer.gif); background-repeat:repeat-x; background-color:#333333; min-height:35px;}

/* Centercolumn */
.centercolumn{width:952px; margin:0px auto 0px auto;}

/* Top */
#top{height:90px}
#top ul, #top p, #top a, #top a:visited{color:#666;}
#top ul{list-style-type:none; margin:0px; padding:0px;}
#logo{width:360px; float:left; position:relative; margin-top:20px; margin-left:2px;}
#logo h1{margin-bottom:2px; font-size:30px;}
.pad-logo{padding:5px 0px 0px 20px;}
#minsyu{width:255px; float:left; position:relative; margin-top:23px; margin-left:5px;}
#minsyu img {padding:3px 3px 2px 3px; border:solid 1px #cccccc;}
#minsyu img.nb {padding:3px 3px 3px 0px; border:none;}
#minsyu img.nb {padding:3px 10px 20px 0px; border:none;}
#topcontact{width:102px; float:left; text-align:right; padding:38px 5px 0px 0px;}

#font{width:74px; float:right; padding:27px 5px 0 24px; font-size:14px; background: url(./images/font.gif) no-repeat 0 50%; background-position: left bottom;line-height:22px;}

#fontchange {float:right; position:relative; top:57px; left:103px;}
#fontchange li{display: inline;}

#switchFontSizeBig,
#switchFontSizeMedium,
#switchFontSizeSmall{
font-size:14px;
font-weight:bold;
border:1px solid #CCCCCC;
background:#FFFFFF;
padding:5px 6px;
cursor:pointer;
margin:4px;
}

#switchFontSizeBig.active,
#switchFontSizeMedium.active,
#switchFontSizeSmall.active{
background:#FF6666;
}


/* Top menu */
#topmenu{height:73px; clear:both; z-index:10;}
#topmenu0{height:30px; clear:both; z-index:10;}
#topmenu1{height:93px; clear:both; z-index:10; background:url(./images/slogan_top.png) no-repeat 50% 50%;}
#topmenu ul{list-style-type:none; margin:0px; padding:26px 0px 0px 0px;}
#topmenu ul li{list-style-type:none; margin:0px; padding:0px 10px 0px 15px; float:left; font-size:14px; font-family:"メイリオ", "Trebuchet MS", Arial, Tahoma;}
/*#topmenu ul li span{display:block; font-size:11px; color:#fff; padding:0px 0px 0px 10px}

*/

#topmenu ul li a, #topmenu ul li a:visited{color:#fff; display:block; padding-left:10px; font-size:14px;}
#topmenu ul li a.active{background-image:url(./images/arrow.gif) !important; background-repeat:no-repeat; background-position:0px 4px;}
#topmenu ul li a:hover{color:#fff; text-decoration:none; background-image:url(./images/arrow.gif); background-repeat:no-repeat; background-position:0px 4px;}


#nav{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;  z-index:15; position:relative; }
#nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
ul#nav li span{display:block; font-size:11px; color:#fff; padding:0px 0px 0px 10px; float:left;}

#nav li{list-style-type:none;  margin:0px 0px 0px 0px; float:left;  position:relative; font-size:16px;  }
#nav li a{ }

#nav li a:hover{color:#d3d3d3; text-decoration:none}


ul#nav li li a, ul#nav li li a:visited {color:#999; }
ul#nav li li a:hover{ background-image:none; color:#ffffff !important; width:155px!important; background-color:#FFFFFF;}

#nav li li {
padding:0px 0px;
margin:0px;
background-image:none;
position:relative;
z-index:150;
border-bottom:solid 1px #ddd;
display:block;
width:165px!important;
}

#nav ul {
display:none;
left:30px;
position:absolute;
top:40px;
z-index:150;
border:solid 1px #ddd;
border-bottom:0px;
background-color:#f5f5f5;
width:165px!important;
padding:0px 0px;
}

#nav li ul a{
display:block !important;
height:auto;
width:140px!important;
text-align:left;
font-size:12px;
font-weight:normal;
line-height:33px;
z-index:150;
border:0px;
}

#nav ul ul{top:auto;border-top:none; border:solid 1px #a9a9a9; border-width:1px 1px 1px 1px;}	
#nav li ul ul {left:165px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}

/* slidecontainer */
#slidecontainer{background-image:url(./images/bg_slide.png); background-repeat:no-repeat; width:952px; height:356px; position:relative}
#slide{padding:5px 11px 11px 11px;}
#slideshow{height:340px; background:none; overflow:hidden; background-color:#FFFFFF}
#slideshow h1{padding:10px 0px 0px 0px;}
.cycle{padding-right:20px;}

/* slogan_container */
#slogan_container{position:relative;}
#slogan_container H2.belated{height:50px; margin-top:15px; background: url(./images/slogan_sub.png) no-repeat;}
#slogan_container H2.belated span{display: none;}
#slogan_container img{float:right; position:absolute; bottom:-10px; right:100px; z-index:1000;}

/* Content */
#maincontent{padding:25px 0px 0px 0px;}
#maincontent a, #maincontent a:visited{}
#maincontent a:hover{text-decoration:underline;}
#box_container{margin-bottom:20px; width:952px; float:left; overflow:hidden; background: url(./images/box_container_bottom.gif) no-repeat bottom;}
#box_container_sub{margin-bottom:20px; width:900px; float:left; overflow:hidden; border:solid 1px #cccccc; margin-left:5px; padding:20px; background:#FFFFFF; position:relative;}

#subcontent p{line-height:160%;}

.box{width:900px; float:left;}
.box h2 {
display: block;
background: url(./images/box_h2_normal.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
padding:8px 0 0 65px;
}
.box h2.message {
display: block;
background: url(./images/box_h2_message.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.message span{display: none;}
.box h2.opinion {
display: block;
background: url(./images/box_h2_opinion.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.opinion span{display: none;}
.box h2.profile {
display: block;
background: url(./images/box_h2_profile.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.profile span{display: none;}
.box h2.manifesto {
display: block;
background: url(./images/box_h2_manifesto.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.manifesto span{display: none;}
.box h2.comic {
display: block;
background: url(./images/box_h2_comic.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.comic span{display: none;}
.box h2.comic2 {
display: block;
background: url(./images/box_h2_comic2.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.comic2 span{display: none;}
.box h2.comic3 {
display: block;
background: url(./images/box_h2_comic3.gif);
background-repeat: no-repeat;
height: 50px;
width:900px;
margin: 0px 0px 10px 0px;
}
.box h2.comic3 span{display: none;}

.box p{font-size:120%;}

.box_left{float:left; min-width:260px; max-width:260px; border:solid 1px #cccccc; margin-left:5px; padding:10px; padding-bottom: 32768px; margin-bottom: -32768px;}
.box_left h2{
display: block;
background: url(./images/box_left_h2.gif);
background-repeat: no-repeat;
height: 50px;
width: 260px;
margin: 0px 0px 10px 0px;
}
.box_left h2 span{display: none;}

.box_center{float:left; min-width:348px; max-width:348px; border:solid 1px #cccccc; margin:0 4px; padding:10px; padding-bottom: 32768px; margin-bottom: -32768px;}

.box_center h2{
display: block;
background: url(./images/box_center_h2.gif);
background-repeat: no-repeat;
height: 50px;
width:344px;
margin: 0px 0px 10px 0px;
}
.box_center h2 span{display: none;}
.box_center p.twitter{width:308px; padding-left: 40px; margin-bottom:0px; background: url(./images/ico_twitter.gif) no-repeat 0 50%; background-position: left top;}
.box_center p.ustream{width:308px; padding-left: 40px; margin-bottom:0px; background: url(./images/ico_ustream.gif) no-repeat 0 50%; background-position: left top;}
.box_center p.t_nagatsuka{width:308px; padding-left: 40px; margin-bottom:0px; background: url(./images/ico_twitter.gif) no-repeat 0 50%; background-position: left top;}
.box_center p.ustream{width:308px; padding-left: 40px; margin-bottom:0px; background: url(./images/ico_ustream.gif) no-repeat 0 50%; background-position: left top;}
.box_center p.t_nagatsuka a{text-decoration:none; color:#333333;}
.box_center p.ustream a{text-decoration:none; color:#333333;}

.box_center p.underline{width:344px; border-bottom:solid 1px #cccccc; padding-bottom:10px;}

.box_right{float:left; min-width:260px; max-width:260px; border:solid 1px #cccccc; padding:10px; padding-bottom: 32768px; margin-bottom: -32768px;}
.box.nomargin{}
.box_right h2{
display: block;
background: url(./images/box_right_h2.gif);
background-repeat: no-repeat;
height: 50px;
width: 260px;
margin: 0px 0px 10px 0px;
}
.box_right h2 span{display: none;}
.box_right h3{color:#666666; font-weight:bold;}
.box_right p.diary{width:260px; margin-bottom:0px;}
.box_right p.underline{width:260px; border-bottom:solid 1px #cccccc; padding-bottom:10px;}
.box_right ul{margin:0; list-style:none;}
.box_right li{margin:0 0 0 10px;}

#content{clear:left;}
#content p.return{text-align:right; background: url(./images/up.png) no-repeat 0 50%;background-position: right; padding-right: 16px; margin-right:10px;}

input#s{border:solid 1px #edecec; padding:5px; width:180px; margin:5px 0px;  color:#999 !important}

/* blog */
.pagetitle, .pagetitle a, .pagetitle a:visited{color:#666; text-decoration:none !important}
.post{margin-bottom:30px;}
.searchresult .post{margin-bottom:0px;}
.post h2{margin-bottom:2px; color:#666;}
.post h1{margin-bottom:5px;}
.post h2 a, .post h2 a:visited{color:#666; text-decoration:none !important;}
.post h2 a:hover{color:#666; text-decoration:none;}
.date a, .date a:visited, a.morelink{text-decoration:none !important; color:#333}
.date a:hover, a.morelink:hover{text-decoration:underline !important; color:#333}
a.morelink2{text-decoration:none !important;}
a.morelink2:hover{text-decoration:underline !important;}
.post .imgleft{padding:5px; border:solid 1px #e0e0e0;}
.post .imgright{padding:5px; border:solid 1px #e0e0e0;}
.post .imgcenter{padding:5px; border:solid 1px #e0e0e0;}
.entry{padding:15px 0px 8px 0px; min-height:110px;}
.entry-archive{padding:5px 0px 0px 0px; min-height:110px;}
.searchresult .entry{margin-bottom:0px; padding:0px 0px 5px 0px}
small{font-size:11px; font-weight:normal;}
a.more{display:block; padding:10px 0px 0px 0px;}
.prevnext{}
.prevnext a, .prevnext a:visited{border:solid 1px #e0e0e0; text-decoration:none !important; padding:2px 4px; margin-right:4px; color:#666; display:inline; float:left;}

/* Footer */
#bottom_container{ padding:20px 0px 0px 0px;}
#bottombox_container{float:left; width:952px;}
.bottombox_left{float:left; width:260px; margin-left:16px; margin-right:13px;}
.bottombox_left h2{display: block; background: url(./images/telephone.png) no-repeat 0 50%; padding-left: 24px;margin: 0px 0px 10px 0px;}

.bottombox_center{float:left; width:350px; padding:0 12px; border-left:solid #666666 1px; border-right:solid #666666 1px;
width:expression(document.body.clientWidth < 322? "320px" : document.body.clientWidth > 332? "330px" : "auto");}
.bottombox_right{float:left; width:260px; padding-left:13px;}

#bottom_container h2{margin-bottom:10px;}
#bottom_container ul{margin:0px; padding:0px; list-style-type:none;}
#bottom_container ul li{margin:0px 0px 10px 0px; padding:0px; list-style-type:none;}
#bottom_container ul li li{margin:0px; padding:0px 0px 6px 0px; margin-bottom:6px; list-style-type:none; border-bottom:solid 1px #b3b1b1;}
#bottom_container ul li li li{border:0px; margin:0px; padding-left:20px}
#bottom_container ul li a, #bottom_container ul li a:visited{}
#bottom_container ul li a:hover{}
#footer_container{clear:both;}
#footer_container a, #footer_container a:visited{color:#898686;}
#foot{text-align:center; padding:10px 0px 0px 0px; font-size:12px; font-family:Arial; color:#FFFFFF}
/* END OF STRUCTURE */


/* Begin Images */
p img {padding: 0;max-width: 100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:solid 1px #e0e0e0;
	}
img.alignright {
	padding: 5px;
	margin: 5px 0px 0px 15px;
	display: inline;
	border:solid 1px #e0e0e0;
	}

img.alignleft {
	padding: 5px;
	margin: 5px 15px 0px 0;
	display: inline;
	border:solid 1px #e0e0e0;
	}
	
img.aligncenter {
	display: block;
	padding: 5px;
	margin:0 auto 10px auto;
	border:solid 1px #e0e0e0;
	}
.alignright {float: right;}
.alignleft {float: left;}

/* Begin Form Elements */
#searchform {margin:0;padding:0;text-align: center;}
.entry form {text-align:center;}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond{padding-top:20px;}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {margin: 0 0 5px auto;float: right;}

/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;margin:0px;}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 10px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

/* Begin Various Tags & Classes */

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
	}

/* breadcrumb */
#breadcrumbs{padding:0px 0px 20px 0px; clear:both}

#slogan {
	width: 260px;
	float:right;
}

#slider {
	width: 670px;
	height: 360px;
	float:left;
	overflow:hidden;
}
#slider ul {margin:0px 0px; display:block;}
.sm {list-style:none; width:670px; height:360px; display:block; overflow:hidden;}
.sm li {float:left; display:inline; overflow:hidden;}
.sm li a:hover img {border-top:15px solid #ffffff;}

/* 経歴紹介用 */
table.prf_tbl01 {
	width: 555px;
	line-height: 1.6em;
	margin-bottom: 2em;
}

table.prf_tbl01 th {
	width: 120px;
	_width: 140px;
	padding: 8px 10px;

	vertical-align: top;
	font-weight: normal;
	border-bottom: 1px dotted #A59E9E;
	text-align: left;
	font-size: 120%;
}

table.prf_tbl01 td {
	padding: 8px 10px;
	vertical-align: top;
	border-bottom: 1px dotted #A59E9E;
	font-size: 120%;
}

table.mnf_tbl01 {
	width: 555px;
	margin-top: 0;
	margin-bottom: 2em;
}

table.mnf_tbl01 th {
	padding: 4px 5px;
	background: url("images/prof_th.gif");
	vertical-align: top;
	font-weight: normal;
	border-bottom: 1px solid #A59E9E;
	border-right: 1px solid #A59E9E;
	text-align: left;
	font-size: 120%;
}

table.mnf_tbl01 td {
	padding: 4px 5px;
	vertical-align: top;
	border-bottom: 1px solid #A59E9E;
	border-right: 1px solid #A59E9E;
	font-size: 120%;
}

table.sch_tbl01 {
	width: 555px;
	margin-top: 0;
	margin-bottom: 2em;
}

table.sch_tbl01 th {
	padding: 4px 5px;
	background: url("images/prof_th.gif");
	vertical-align: top;
	font-weight: normal;
	border-bottom: 1px solid #A59E9E;
	border-right: 1px solid #A59E9E;
	text-align: left;
	font-size: 120%;
}

table.sch_tbl01 td {
	padding: 4px 5px;
	vertical-align: top;
	border-bottom: 1px solid #A59E9E;
	border-right: 1px solid #A59E9E;
	font-size: 120%;
}

p.comicpage {text-align:center;}
p.archive {border-bottom:1px dashed #cccccc; padding-bottom:15px;}
p.archive span{color:#999999; font-size:80%;}