@charset "UTF-8";

/*   
Theme Name: 松田公太-m
Description: 松田公太-m
*/

/* =======================================
 -----------------------------------------
　目次
 -----------------------------------------
◆(1)全体的なルール、要素
◆(2)#header(上部・topページ用)
◆(3)#content(中部・topページ用)
◆(4)#footer(下部・topページ用)
◆(5)profile page（プロフィールページ）
◆(6)information page（インフォメーションページ）
◆(6)supporter page（サポーターページ）
◆(7)5rangers page（5レンジャーページ）
========================================== */

/*  -----------------------------------------
　◆(1)全体的なルール、要素
 ----------------------------------------- */
* {
	margin: 0 ;
	padding: 0;
	line-height: 140%;
	font-style: normal;
	text-align: left;
	text-decolation: none;
	font-size: 12px;
	list-style: none;
	letter-spacing: 1px;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	margin-left: auto;
	width: 910px;
	margin-right: auto;
}

h1 {
	display: none;
}

a:link {
	text-decoration: none;color:#333333;
}

a:visited {
	text-decoration: none; 
	color:#333333; 
}

a:hover {
	text-decoration: underline; 
	color:#666666;
}

a{ 
	overflow:hidden;
	outline:none;
}

.blockclear:after{
	display: block;
	clear: both;
}

.blockclear {
  min-height: 1px;
}


* html .blockclear {
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

h1,h2,h3,h4,h5{
	padding:0px;
	margin:0px;
}

/*  -----------------------------------------
　◆(2)#header
 ----------------------------------------- */

#header {
	height: 55px;
	background: url("images/header.jpg") no-repeat;

}

.menu_bar {
	padding-top: 18px;
}

.menu_bar_top {
	float: left;
	padding-left: 30px;
}

.menu_bar_info {
	float: left;
	padding-left: 32px;
}

.menu_bar_pro {
	float: left;
	padding-left: 25px;
}

.menu_bar_sup {
	float: left;
	padding-left: 25px;
}

.menu_bar_blog {
	float: left;
	padding-left: 30px;
}


.menu_bar_youtube{
	float:left;
	padding-left: 30px;	
}

.menu_bar_twitter {
	float: left;
	padding-left: 28px;
}

.menu_bar_contact {
	float: left;
	padding-left: 30px;
}

/*  -------- サブヘッダー用  --------  */

#s-header {
	height: 55px;
	background: url("images/header.jpg") no-repeat top;
}

.subtitle {
	width: 670px;
	float: left;
}

.minna2 {
	width: 240px;
	float: right;
}

/*  -----------------------------------------
　◆(3)#content
 ----------------------------------------- */

#content {
	height: 668px;
	background: url("images/main_back.jpg") no-repeat;
}

.flash_menu{
	padding-top:0px;
	margin-top:0px;
}

#subcontent {
	padding-left: 20px;
}


.post{
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:0px solid #333333;
}

.story p{
	line-height:160%;
}

.index_bigbox {
	width: 550px;
	margin: 0;
}

.index_box {
	width: 550px;
	text-align: left;
	margin: 0;
}

.index_left {
	width: 220px;
	float: left;
}

.index_right {
	width: 320px;
	float: right;
}

.index_bigline {
	margin: 10px 0;
}

.index_slogan_bt {
	padding:0px;
	margin:0px;
}

.index_slogan_bt img{
	padding:3px 0px 3px 0px;
	margin:0px;
}
/*  -----------------------------------------
　◆(4)#footer
 ----------------------------------------- */

#footer {
	height: 80px;
	padding-bottom:12px;
}

.info_box {
	width: 520px;
	float: left;
}

.banner_box {
	width: 370px;
	padding-top:12px;
	padding-right: 20px;
	float: right;
	text-align: right;
}

.info_fream {
	width: 510px;
	height: 60px;
	padding-left: 10px;
	overflow: auto;
}

.speak{
	float:left;
	padding-left:12px;
	margin-bottom: 10px;
}

.minna {
	float:right;
	text-align: right;
	padding-right:0px;
	margin-bottom: 10px;
}

.day_red_top{
	color: #e5030a;
	font-size:10px;
}

.day_red {
	color: #e5030a;
	font-size: 10px;
}

.info_text {
	font-size: 12px;
}


/*  -------- サブフッター用  --------  */
#subfooter {
	clear:both;
	padding-top:16px;
}

/*  -----------------------------------------
　◆(5)profile page
 ----------------------------------------- */

#column_inner{
	background:url("images/sub_contents_background.gif") ;
	background-repeat:repeat-y;
	overflow:auto;
}

*html #column_inner{
	height:100%;
}

#column_left {
	float:left;
	margin:0;
	padding:0 10px;
	position:relative;
	width:589px;
}

#column_right {
	float:left;
	margin:0;
	padding:0 0 0 0;
	position:relative;
	text-align:left;
	width:248px;
}

#works_edit {
	clear:both;
	margin:5px 0 0;
	padding:12px 0px 20px 0;
	text-align:left;
	width:589px;
}

#histry_title h3 {
	background:url("images/histry_title.gif") no-repeat scroll 0 0 transparent;
	position:relative;
	text-align:left;
	text-indent:-9999px;
	width:589px;
}

#histry_20 {
	float:left;
	margin:0;
	padding:0 7px 0 14px;
	text-align:left;
	width:273px;
}

#histry_21 {
	float:left;
	margin:0;
	padding:10px 14px 0px 7px;
	text-align:left;
	width:273px;
}

#histry_20 dt {
	padding:14px 0 0;
}

.histry_year {
	color:#666666;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	padding-top:4px;
}

.histry_j {
	display:block;
	font-size:12px;
	line-height:1.3em;
	padding-left:7px;
	text-align:left;
}

.histry_e {
	display:block;
	font-size:12px;
	line-height:1.2em;
	padding-left:7px;
	text-align:left;
}

#subcontent h2 {
	clear:both;
	padding:0;
	position:relative;
}

#works_title h3 {
	background:url("images/works_title.gif") no-repeat scroll 0 0 transparent;
	padding:0 14px 0 0;
	position:relative;
	text-align:center;
	text-indent:-9999px;
}

#book_1  {
	float:left;
	height:114px;
	line-height:1.2em;
	margin:0 0 0 14px;
	padding:20px 0 0 7px;
	width:273px;
}

*html #book_1  {
	float:left;
	height:114px;
	line-height:1.2em;
	margin:0 0 0 14px;
	padding:20px 0 0 7px;
	width:240px;
}

.left {
	float:left;
}

#book_1 dd {
	clear:right;
	font-size:11px;
	line-height:1.2em;
	padding:4px 0 0 5px;
}

#book_1 dt {
	padding:0 0 0 15px;
}

#book_2  {
	float:left;
	height:114px;
	line-height:1.2em;
	margin:0 0 0 14px;
	padding:20px 0 0 7px;
	width:273px;
}

*html #book_2  {
	float:left;
	height:114px;
	line-height:1.2em;
	margin:0 0 0 14px;
	padding:20px 0 0 7px;
	width:240px;
}

#book_2 dd {
	clear:right;
	font-size:11px;
	line-height:1.2em;
	padding:4px 0 0 5px;
}

#book_2 dt {
	padding:0 0 0 15px;
}

#profile_title h3 {
	background:url("images/profile_title.gif") no-repeat scroll 0 0 transparent;
	position:relative;
	text-align:left;
	text-indent:-9999px;
	width:236px;
}

#archiuve_title h3 {
	background:url("images/archive_title.gif") no-repeat scroll 0 0 transparent;
	position:relative;
	text-align:left;
	text-indent:-9999px;
	width:236px;
}

#access_title h3 {
	background:url("images/access_title.gif") no-repeat scroll 0 0 transparent;
	position:relative;
	text-align:left;
	text-indent:-9999px;
	width:236px;
}

#right_edit {
	border-left:0px solid #336600;
	margin:0 0 0 5px;
	padding:10px 11px 12px 14px;
	text-align:left;
}

*html #right_edit {
	border-left:0px solid #336600;
	margin:0 0 0 5px;
	padding:10px 11px 12px 14px;
	text-align:left;
	height:1100px;
}

#profile_p {
	background:url("images/profile.gif") no-repeat scroll 0 0 transparent;
	height:320px;
	width:213px;
}

#profile_words {
	width:213px;
}

/*  -----------------------------------------
　◆(6)information_page
 ----------------------------------------- */

.info_list {
	width: 510px;
	padding-left: 10px;
}

.info_list li.day_red{
	padding-top:2px;
	padding-bottom:5px;
}

.info_list li.info_contents{
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
}

#column_inner #column_left  .info_list div.post h2{
	padding-top:4px;
	padding-bottom:4px;
}

h2.info_title{
	margin-top:4px;
	padding-top:8px;
}


ul#info_recententry li.info_text{
	font-weight:normal;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	background:url("images/arrow.gif") no-repeat 0px 7px;
}

/*  -----------------------------------------
　◆(7)supporter page
 ----------------------------------------- */

.sup_outline {
	width: 820px;
	margin: 0 auto;
	padding-top:24px;
	padding-bottom:24px;
	border-bottom:1px solid #999999;
}

.sup_outline_2column {
	width: 850px;
	margin: 0 auto;
	padding-top:32px;
	padding-bottom:24px;
	border-bottom:1px solid #999999;
}

.sup_outlinesup_outline .sup_right1 h3{

}

.sup_left1 {
	width: 230px;
	float: left;
}

.sup_right1 {
	width: 500px;
	float: left;
	padding-right: 0px;
}

.sup_left2{
	width: 408px;
	float: left;
}


.sup_right2{
	width: 408px;
	float: right;
}

.sup_photo{
	padding-left:7px;
	padding-bottom:12px;
}

h3.name{
	padding-bottom:8px;
}

.clear {
	clear: both;
}

p.sup_text1 {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:6px;
	padding-right:0px;
	line-height:140%;
}

.sup_mes1 {
	margin-top: 30px;
	padding-left: 6px;
	font-weight: bold;
}

.sup_text2 {
	margin-top: 10px;
	padding-left: 6px;
}

.sup_left2 {
	width: 360px;
	float: left;
	padding-right: 40px;
}

.sup_right2 {
	width: 360px;
	float: right;
	padding-right: 40px;
}

.box_center {
	text-align: center;
	margin: 0 auto;
}

.sup_text3 {
	margin-top: 20px;
}

.sup_text4 {
	margin-top: 10px;
}

.sup_mes2 {
	margin-top: 30px;
	font-weight: bold;
}

/*  -----------------------------------------
　◆(7)5rangers page
 ----------------------------------------- */
.five_image {
	margin: 5px;
}

.five_text {
	margin: 5px 5px 15px 5px;
}

.five_bottom {
	margin-bottom: 20px;
}

.five_2column {
	width: 880px;
	height: 180px;
}

.five_left {
	float: left; 
	width: 440px;
	height: 180px;
}

.five_right {
	float: right; 
	width: 440px;
	height: 180px;
}