@charset"UTF-8";
@import url(reset.css);

/*
==== CSS INFORMATION ===========================================

Site name：	田中甲公式サイト (http://koh-tanaka.jp/)
Description:共通ファイル
File name：	style.css (http://koh-tanaka.jp/css/style.css)
Created:	2008/11/01
LastUpdate:	2008/11/01
Author:		infogarage
Copyright:	(c)Koh Tanaka

================================================================
*/

/*
===== CONTENTS =================================================

	1: layout
	2: mainCnt
	3: sideCnt
	4: header
	5: footer
	6: etc.

================================================================
*/


/*=====	1: layout ==========================================
*/
body{
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:center;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:15px;
	color:#353535;
}

h1,h2,h3{
	clear:both;
	font-weight:bold;
}

#wrapper{
	margin:0 auto;
	width:895px;
	text-align:left;
	padding:0 7px;
	background:#fff url(./images/bg.jpg) repeat-y;
}

#contents{	}

#header{}

#mainCnt{
	width:675px;
	float:left;
	display:inline;
}

#sideCnt{
	width:220px;
	float:right;
	display:inline;
}

/*=====	2: mainCnt ==========================================
*/
a:link{color:#000066;}
a:visited{color:#000066;}
a:hover{color:#cc0000;text-decoration:none}

#mainCnt h2 a{display:block;height:55px;width:675px;font-size:32px;line-height:1.2;margin-bottom:10px;overflow:hidden;}

.profile #mainCnt h2 a{background:url(./images/h2_profile.jpg) no-repeat;text-indent:-9999px;}
.policy #mainCnt h2 a{background:url(./images/h2_policy.jpg) no-repeat;text-indent:-9999px;}
.report #mainCnt h2 a{background:url(./images/h2_report.jpg) no-repeat;text-indent:-9999px;}
.video #mainCnt h2 a{background:url(./images/h2_video.jpg) no-repeat;text-indent:-9999px;}
.contact #mainCnt h2 a{background:url(./images/h2_contact.jpg) no-repeat;text-indent:-9999px;}
.supporter #mainCnt h2 a{background:url(./images/h2_supporter.jpg) no-repeat;text-indent:-9999px;}
.link #mainCnt h2 a{background:url(./images/h2_link.jpg) no-repeat;text-indent:-9999px;}

#mainCnt h3{
	background:url(./images/h3.jpg) no-repeat;
	padding:8px 10px 12px 15px;
	line-height:15px;
	font-size:15px;
	margin-bottom:10px;
	color:#353535;
}

#mainCnt .section .leftHalf .list,
#mainCnt .section .rightHalf .list{clear:both;border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:5px;}

#mainCnt .section .leftHalf h3,
#mainCnt .section .rightHalf h3{
	background:#fff url(./images/h3_half.jpg) no-repeat;
}

#mainCnt .section .leftHalf{
	width:305px;
	float:left;
}

#mainCnt .section .rightHalf .tn,
#mainCnt .section .rightHalf .tn{
	float:left;margin-right:10px;display:block;
}

#mainCnt .section .leftHalf h4,
#mainCnt .section .rightHalf h4{
	border:none;
	padding:0;
	font-size:12px;
	display:inline;
	line-height:1.5;
}

#mainCnt .section .leftHalf p,
#mainCnt .section .rightHalf p{
	font-size:12px;line-height:1.3;
}
#mainCnt .rightHalf{
	width:305px;
	float:right;
}


#information ul li{margin-bottom:5px;}

/*
h4{border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:10px;}
*/
h4{
	margin-bottom:10px;
	font-size:14px;
	border-left:5px solid #cc0000;
	padding:3px 8px;
	line-height:1.2;
}

h4 span{
	font-size:90%;
	font-weight:normal;
	margin-left:10px;
}

#textTop{background-color:#fff;}
#textTop h2{
	background-image:url(./images/textTop_bg2.jpg);
	text-indent:-9999px;height:90px;
	background-repeat:no-repeat;}
#textTop #txt{padding:0 45px;}

#textTop h4{font-size:20px;}

.section{clear:both;margin-bottom:20px;margin-left:20px;margin-right:20px;}
.section p{margin-bottom:15px;}


/* mainCnt分割時メイン領域 サイドバーL */

.mainL{width:150px;float:left;font-size:12px}
.mainL ul li{margin-bottom:10px;}
.mainR{width:570px;float:right;}

/*入力フォーム用*/
.inputForm th{
	background:#F7F7F7 none repeat;
	border-bottom:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	padding:5px;
	width:140px;
	vertical-align:top;
	font-size:14px;
}

.inputForm{
	width:100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0 0 10px 0;
	padding:0;
}

.inputForm caption{
	background:url(./images/cap-bg.gif) no-repeat;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:3px;

}

.inputForm td{
	padding:5px;
	border-bottom:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	vertical-align:top;
}

.inputForm label{
	margin-right:5px;
}

.inputForm .parts_note{
	font-size:x-small;color:#333333;
}


.inputForm .name{
	float:left;margin-right:10px;
}

.inputForm .name .parts_note{
	margin-left:20px;
}

input, textarea{
	padding:1px;
	font-size:90%;
}

.inputForm textarea{
width:400px;
}

.inputForm .reference{
	width:150px;
	background:#fefefe;
}

.inputForm .password{
	width:20em;
	margin-bottom:1px;
}

.inputForm #USER_NICK_NAME,
.inputForm #ADDRESS1,
.inputForm #ADDRESS2{
	width:300px;
}

.inputForm #PHONE{
	width:10em;
}

.inputForm #USER_FAMILY_NAME,
.inputForm #USER_FIRST_NAME,
.inputForm #USER_FAMILY_KANA,
.inputForm #USER_FIRST_KANA{
	width:110px;
}

.inputForm #ZIPCODE1{
	width:2.1em
}
.inputForm #ZIPCODE2{
	width:2.8em;
}

.inputForm .reference{
	font-size:10px;
}

.inputForm .note{
	font-size:90%;
}


.submitBtnArea{
	clear:both;
	text-align:center;
	padding:10px;
}

.contact .text{
	width:20em;
}

/*ページ下ナビゲーション*/
#underCnt{
	clear:both;
	padding-top:5px;
	margin-top:10px;
	font-size:12px;
}

#underCnt a#GoBack {
	float:left;
}

#underCnt a#GoTop {
	float:right;
}

/*記事一覧*/

#lead{
	margin-bottom:10px;
}

.paginator{padding:5px 0;font-size:12px;margin-bottom:10px;}
.pageIndicator{float:right;width:140px;text-align:right;margin-bottom:10px;}

.pageNavi .goNext{margin-left:7px;}
.pageNavi .goPrev{margin-right:5px;}

ul.pageNavi li{float:left;margin-right:8px;}

li.btn_page_next a{display:block;width:30px;height:12px;overflow:hidden;}
li.btn_page_next_off{width:30px;height:12px;}
li.btn_page_prev a{display:block;width:30px;height:12px;overflow:hidden;}
li.btn_page_prev_off{width:30px;height:12px;}
li.btn_page_current{width:12px;line-height:12px;padding:0;text-align:center;font-weight:bold;}
li.btn_page_normal a{display:block;width:12px;line-height:12px;padding:0;text-align:center;color:#5865B4;}


/*コンテンツ一覧（BOX）*/
#mainCnt .cntBox p{
	line-height:1.3;
}

#mainCnt .cntBox .catch{
	color:#363636;
	font-weight:bold;
	margin-bottom:2px;
}

#mainCnt .cntBox h4{
	margin-bottom:5px;
}

#mainCnt .cntBox h4 span{
	font-size:12px;
}

#mainCnt .cntBox{
	width:100%;
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#mainCnt .cntBox .summary h4{
	font-size:15px;
}

#mainCnt .cntBox .playMovieBtn{
	text-align:right;
}


#mainCnt .one .cntBox .summary p{
	line-height:1.5;
	margin-bottom:10px;
}

/*新着情報*/
#mainCnt .newsIndex{
	background:url(./images/news_body.gif) repeat-y;
	margin-bottom:5px;
}
#mainCnt .newsIndex h3{
	background:url(./images/news_head.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0;
}

#mainCnt .newsIndex .body{
	padding:0 10px;
}


#mainCnt .newsIndex .body a{color:#353535;}

#mainCnt .newsIndex .foot{
	background:url(./images/news_foot.gif) no-repeat;
	height:10px;
	font-size:0;
}

#mainCnt .newsIndex dl dt{
	float:left;
	margin-right:10px;
	background:url(./images/news_dt.gif) no-repeat;
	padding-left:10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#838383;
}

#mainCnt .newsIndex dl dd{
	margin-bottom:10px;
	color:#353535;
}



#mainCnt .newsIndex ul{margin-left:10px;}

#mainCnt .newsIndex ul li {
	padding-left:15px;
	background : url(./images/li_arrow_blue_small.gif) no-repeat;
	color:#353535;
	margin-bottom:8px;
}

#mainCnt .newsIndex ul li a{color:#353535;}









/*===== 3: sideCnt ==========================================
*/
#sideCnt {
	font-size:13px;
}

#sideCnt h3{
	color:#cc0000;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:1px solid #000000;
}

.sideCntModule{
	border:1px solid #ccc;
	background:#fff;
	margin:0 8px 10px 8px;
	padding:5px 9px 10px 9px;
}

.sideCntModule p{
	line-height:1.2;
	margin-bottom:0.5em;
}

.sideCntModuleBox{
}

/*===== 4: header ==========================================
*/


#breadcrumbs{
	padding:6px 10px 5px 10px;
	font-size:12px;
	line-height:15px;
	background:#fff url(./images/breadcrumbs.jpg) repeat-x;
/*	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:10px;*/
}

#breadcrumbs a{color:#FF9900;}


#header h1 a{
	display:block;
	background-image:url(./images/header.jpg);
	width:895px;
	height:345px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#naviArea {
	clear: both;
}

ul#gNavi {
	height: 45px;
	margin: 0px;
	padding: 0px;
}

ul#gNavi li{
	list-style:none;
	float:left;
	margin:0px;
}

#gNavi a {
	display: block;
	height: 45px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration: none;
}

#gnavi_home a{width: 113px;background-image:url(./images/gnavi_home.jpg)}
#gnavi_profile a{width: 112px;background-image:url(./images/gnavi_profile.jpg)}
#gnavi_policy a{width: 112px;background-image:url(./images/gnavi_policy.jpg)}
#gnavi_report a{width: 112px;background-image:url(./images/gnavi_report.jpg)}
#gnavi_blog a{width: 112px;background-image:url(./images/gnavi_blog.jpg)}
#gnavi_video a{width: 112px;background-image:url(./images/gnavi_video.jpg)}
#gnavi_contact a{width: 111px;background-image:url(./images/gnavi_contact.jpg)}
#gnavi_link a{width: 111px;background-image:url(./images/gnavi_link.jpg)}

#gnavi_home a:hover,
#gnavi_profile a:hover,
#gnavi_policy a:hover,
#gnavi_report a:hover,
#gnavi_blog a:hover,
#gnavi_video a:hover,
#gnavi_contact a:hover,
#gnavi_link a:hover{
	background-position: 0px 45px;
}

.home #gnavi_home a,
.profile #gnavi_profile a,
.policy #gnavi_policy a,
.report #gnavi_report a,
.blog #gnavi_blog a,
.video #gnavi_video a,
.contact #gnavi_contact a,
.link #gnavi_link a{
	background-position: 0px 45px;
}

/*===== 5: footer ==========================================
*/

#footer{
	clear:both;
	background-color:#ebebeb;
	border-top:1px solid #ccc;
	text-align:right;
	padding:5px 10px;
	color:#666;
	font-size:12px;
}

#footer a{color:#666;text-decoration:none;}

#footerNavi {
}

#footerUnder {
	clear:both;
}


ul#fNavi {
	list-style: none;
	height: 12px;
	margin-bottom: 5px;
	padding: 0px;
}

ul#fNavi li{
	list-style:none;
	float:left;
	margin-right:10px;
}

#underCnt{margin:20px;}
.goPageTop{font-size:12px;text-align:right;margin-bottom:20px;}

/*===== 6: etc. ==========================================
*/

/*文字列消去用*/
.CT{
	display:none;
	}

.bRed{
	font-weight:bold;
	color:#ff0000;
}


.required_input{
	margin-left:5px;
	color:#cc0000;
}

.msgOrder {
	border: #deecf6 1px solid;
	padding:5px 10px;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #f1f7fb;
	text-align: center
}

#msgConfirm{
	padding:10px;
	font-weight:bold;
	border:1px solid #dedede;
	margin:10px 0;
}

#msgComplete{
	padding:10px;
	font-weight:bold;
	font-size:24px;
	border:1px solid #dedede;
	text-align:center;
	margin:10px 0;
}

.msgError{
	padding:5px 10px;
	font-weight:bold;
	border:1px solid #FFCCCC;
	color:#cc0000;
	margin:0 0 10px 0;
	background-color:#FFF4F4;
	text-align:center;
}

.msgError li{margin-bottom:5px;}

.profImg{
	float:left;
	margin:0 10px 0 0;
	border:1px solid #a7a7a7;
}

div:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

div { display: inline-block; }
div { display: block; }


.magCover{
	border:1px solid #a7a7a7;
	margin-bottom:10px;
}

.submit,
.checkbox,
.radio{
	cursor:pointer;
}


ol{
	list-style-type: decimal;
}

ol ul#prizeBoxArea{
	list-style-type: none;
	margin-bottom:10px;
}

ol li{
	margin-left:1.8em;
	padding:0;
	margin-bottom:1em;
	list-style-type: decimal;
}

label{
	margin-left:5px;
	padding:0;
}

.br{
	color:#ff0000;
	font-weight:bold;
	margin:5px;
}

dt{
	float:left;margin-right:10px;
}

.updated{margin-left:10px;}


ul.arrow_blue li {
	padding-left:15px;
	background : url(./images/li_arrow_blue.gif) no-repeat;
	color:#353535;
}

.index ul li{display:inline;}


#mainCnt p{
line-height:1.7;
margin-bottom:0.5em;
}

/*画像配置*/
.left{float:left;display:inline;}
.right{float:right;display:inline;}


.photo{
	display:block;
	border:1px solid #e9e9e9;
	padding:2px;
	background-color:#fff;
}

/*注釈*/
.note, .note a{font-size:90%;}

/*追記*/
.more{
	text-align:right;
	font-size:12px;
}

.update{
	color:#ff0000;font-weight:normal;padding:0;margin:0;line-height:100%;
	margin-left:5px;
}

.tn{border:1px solid #a7a7a7;}


#sideCnt .sideCntModule p{line-height:1.7;}


#sideCnt .sideCntModule .twtr-hd h3{border:none;float:left;clear:none;width:140px !important;margin-left:10px !important;}
#sideCnt .sideCntModule .twtr-hd h4{border:none;float:left;clear:none;width:140px !important;margin-left:10px !important;}
.twtr-profile-img{float:left;}
.twtr-hd,
.twtr-tweet-wrap{padding-left:0 !important;padding-right:0 !important;}
.twtr-ft{margin-top:10px;}
.twtr-ft div{background:#000066;padding:5px !important;}
.twtr-join-conv{color:#fff !important;display:block;text-align:left;}
.twtr-ft span{display:block;float:none !important;clear:both;padding-top:10px;}

.headeline_module{margin-bottom:30px;}
.headeline_module h3{margin-bottom:0 !important;}
.headeline_module table{width:100%;line-height:1.5;}
.headeline_module table th,
.headeline_module table td{padding:5px 5px;}
.headeline_module table tr{background:url(./images/line_dotted.gif) repeat-x bottom;}