@charset "utf-8";
/*
Theme Name: Shotokannews
Theme URI: http://wordpress.org/
Description: WordPress のデフォルトテーマ、2010。
Author: the WordPress team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body {
	color: #333;
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	text-align: center;
}
* html body {
	font-size: .625em;
}
*:first-child+html body {
	font-size: .625em;
}
/* Hides from IE-mac \*//*/
* html body {
	font-size: 14px;
}
/* End hide from IE-mac */

h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, p, table, address {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "Arial", "sans-serif";
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 140%;
	margin: 21px 0;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 7px;
}
dl { font-size: 120%;}
p  { font-size: 120%; margin: 0 0 1em;}

img { text-decoration: none; border: none; }
#container {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0;      
}
#header {
	background: url(image/header_bg.jpg) no-repeat;
	margin: 0;
	padding: 0 0 6px;
}
#footer { clear: both;}
#footer p { font-size: 120%; text-align: center;  margin: 0; padding: 4px; }
#footer p.footer-nav { background: /*#F2C0AA;}*/#E2E2E2 url(image/footer_navi_bg.jpg) repeat-x left bottom; }
#footer p.copy { background-color: /*#F2C0AA;}*/#CF141D; color: #FFF;}
#nav {
	background: url(image/navi_bg.jpg) no-repeat;
}
#nav ul {
	background: url(image/navi.jpg) no-repeat;
	height: 28px;
	margin: 0 90px;
	list-style-type: none;
}
#nav ul li { width: 156px; height: 28px; float: left; text-decoration: none;}
#nav ul li a {
	width: 156px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
li.navi-about a:hover ,li.navi-about em a { background: url(image/navi.jpg) no-repeat 0 -28px;}
li.navi-news a:hover, li.navi-news em a { background: url(image/navi.jpg) no-repeat -156px -28px;}
li.navi-contents a:hover, li.navi-contents em a { background: url(image/navi.jpg) no-repeat -312px -28px;}
li.navi-schedule a:hover, li.navi-schedule em a { background: url(image/navi.jpg) no-repeat -468px -28px;}
li.navi-booksvideo a:hover, li.navi-booksvideo em a { background: url(image/navi.jpg) no-repeat -624px -28px;}

#content {
	width: 920px; margin: 0 20px 40px;
}

.pickup { font-size: 120%; text-align: center; margin: 12px 0 20px;}
.pickup ul { display: inline; line-height: 1;}
.pickup ul li { display: inline; line-height: 1; padding: 0 21px;}

.upper-content {
}
.lower-content {
	clear: both;
	background-color: #996600;
}
.left-content { width: 450px; float:left; margin-right: 20px; padding-bottom:20px;}
.right-content { width: 450px; float:left; padding-bottom:20px;}

.attention { background-color: #EFC8C8; padding: 4px; }

dl.hp-news {
    float: left;
	width: /*280px*/450px;
;
}
dl.hp-news dt {
	background-color: /*#F2C0AA*/#666;
	font-size: 110%;
	font-weight: bold;
	padding: 4px;
}
dl.hp-news dd {
	background-color: #E2E2E2;
	margin-bottom: 20px;
	padding: 4px;
}
dl.hp-news dd ul {
	overflow: auto;
	height: 115px;
	padding: 4px 0 8px;
}
dl.hp-news dd li {
	font-size: 120%;
	margin: 0 0 4px 2em;
	padding-right: 4px;
	text-indent: 1.2;
}

/**/
dl.hp-news a { color: #FFF;}
dl.hp-news a:hover { color: #FDC8C8;}
/**/

dl.topics-photo {
    float: right;
	width: 150px;
}
dl.topics-photo dt {
	background-color: /*#F2C0AA;*/#666; color:#DDD;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
dl.topics-photo dd {
	background-color: #E2E2E2;
	margin-bottom: 20px;
	padding: 10px;
}

dl.jka-movie {
	background-color: #E2E2E2;
	padding: 12px;
}
dl.jka-movie dt {
	font-size: 14px;
	font-weight: bold;
	color: #C00;
}
ul.banner-area {
	list-style-type: none;
	margin-top: 20px;	
}
ul.banner-area li {
	float: left;
	margin: 0 0 20px 0;
}
ul.banner-area li.right-space {margin-right: 20px}
p.shotokannews {margin-bottom: 20px}

/*スケジュール*/
#schedule table { font-size: 120%; width: 920px; margin-bottom: 14px;}
#schedule caption {
	font-weight: bold;
	text-align: left;
	padding: 4px;
	background-color: #CCC;
}
#schedule th, #schedule td { padding: 4px; border-bottom: 1px solid #CCC;}
#schedule th {
	font-weight: normal;
	text-align: left;
	width: 300px;
}
#schedule td {	width: 310px;}

#bookvideo h3,#news h3, #contents h3, #howto h3 {
	font-size: 130%;
	margin: 21px 0;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#bookvideo h4 { font-size: 110%; margin: 14px 0; padding: 4px; background-color: #CCC; clear: both;}
#bookvideo ul, #contents ul {	list-style-type: none; clear: both;}

#bookvideo ul li, #contents ul li {
    float: left;
	width: 295px;
	margin: 0 10px 21px 0;
}
#bookvideo ul li p, #contents ul li p { font-size: 110%; float: right; width: 215px; /*##追加##*/margin: 0;}
#bookvideo ul li p.img, #contents ul li p.img {
	float: left;
	width: 75px;
}
#bookvideo p.comment {  font-size: 120%; clear: both; margin: 21px 0;}
/*#about p, #news p { font-size: 120%; margin-bottom: 1em;}*/


/*ニュース*/
#news ul {
	font-size: 120%;
	margin: 0 0 1.5em;
	list-style-position: inside;
}
#news li { padding: 4px; border-bottom: 1px solid #CCC;}
.single-post h4 {font-size: 120%;}
.single-post table { font-size: 120%; width: 920px; margin-bottom: 14px;}
.single-post caption {
	font-weight: bold;
	text-align: left;
	padding: 4px;
	background-color: #CCC;
}
.single-post th, .single-post td { padding: 4px; border-bottom: 1px solid #CCC;}
.single-post th {
	font-weight: normal;
	text-align: left;
}
.single-post thead th { background-color: #EAEAEA;}
.single-post tbody th {	width: 180px;}

.single-post td {
	text-align: left;
	width: 220px;
}

/*#magazine p {	font-size: 120%;	margin: 0 0 1em;}*/

div.attention { background-color: #FEEAD4; margin: 0 0 20px; padding: 7px;}
/*div.attention p {	font-size: 120%;	margin: 0 0 1em;}*/
#application fieldset, #contactus fieldset {	font-size: 120%; margin: 0 0 1em;}
#application legend, #contactus legend { font-weight: bold;}
#application dl dt, #application dl dd,
#contactus dl dt, #contactus dl dd {  padding: 4px; }
#application dl dt, #contactus dl dt {
	width: 15em;
	float: left;
	margin: 0;
	padding: 0.25em 0 0.25em 5px;
	color: #333;
}
#application dl dd, #contactus dl dd {
	margin: 0 0 14px;
	padding: 1em 0 1.5em 17em;
	border-bottom: dotted 1px #999;
}
ul.chk { font-size: 120%; color: #C00; margin: 14px 2em;}
input.fname, input.mail, input.tel, input.cardnum { width: 320px;}
input.cfn, input.cln { width: 150px;}
p.form-button {text-align: center; margin: 0 0 3em;}
p.logindata { font-weight: bold; color: #333; background-color: #EFC8C8; padding: 7px;}

#contactus address { font-size: 120%; font-style: normal; font-weight: bold; margin-bottom: 3em;}

/*特定商取引*/
#legal dl dt, #legal dl dd {
	padding: 4px;
}
#legal dl dt {
	width: 10em;
	float: left;
	margin: 0;
	padding: 0.25em 0 0.25em 5px;
	color: #333;
}
#legal dl dd {
	margin: 0 0 14px;
	padding: 0.25em 0 1em 12em;
	border-bottom: dotted 1px #999;
}

/*プライバシーポリシー*/
#termsofuse dl dt, #privacy dl dt {font-weight: bold;}
#termsofuse dl dd, #privacy dl dd {margin: 0 0 1em;}
#termsofuse p, #privacy p, #privacy ul { font-size: 100%;}
#privacy ul {margin: 0 0 1em 2em; }

/*テスト*/
#test-contents-shotokan-world-newstest h3 {
	font-size: 130%;
	margin: 21px 0;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	}
#test-contents-shotokan-world-newstest ul {	list-style-type: none; clear: both;}
#test-contents-shotokan-world-newstest ul li {
    float: left;
	width: 295px;
	margin: 0 10px 21px 0;
}
#test-contents-shotokan-world-newstest ul li p { font-size: 110%; float: right; width: 215px; /*##追加##*/margin: 0;}
#test-contents-shotokan-world-newstest ul li p.img {
	float: left;
	width: 75px;
}