/*

Theme Name: 原田指圧治療院

Theme URI: http://www.monstar.co.jp

Description: 指圧、整体、運動療法、大阪阿倍野、天王寺で痛みの無い治療ならマッスル原田の原田指圧治療院

Version: 1.0

Author: Internet Monstar Inc.

Tags: 2カラム, ウィジェット

*/



@charset "utf-8";



@import "default.css";



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



	body

	h1,h2,h3,h4,h5,h6

	wrapper

	header_wrapper

		header

	globalnavi

	content_wrapper

	maincolumn

	sidebar01

	sidebar02

	footer_wrapper

		footer

	post



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





/*	body

----------------------------------------------------

bodyの設定 メイン背景画像

----------------------------------------------------*/



body {

	text-align:center;

	background:url(images/body_bg.gif) repeat-x #fff;

	}



/*	h1,h4,h4,h4,h5,h6

----------------------------------------------------

見出しの設定

----------------------------------------------------*/



h1{

	font-size:12px;

	font-weight:normal;

	color:#995300;

	}



h2{

color:#d75402;

	}



h3{

	width:636px;

	margin:10px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(images/h3.gif) no-repeat;

	}



h4{

	}



h5{

	}



h6{

	}



/*	wrapper

----------------------------------------------------

全体枠の設定

----------------------------------------------------*/



#wrapper {

	width:940px;

	margin:0 auto;

	padding-bottom:15px;

	}



/*	header_wrapper

----------------------------------------------------

ヘッダーの大枠設定 width:100%の場合

----------------------------------------------------*/



#header_wrapper {

	width:100%;

	}



/*	header

----------------------------------------------------

ヘッダーエリアの設定

----------------------------------------------------*/



#header {

	position:relative;

	width:940px;

	height:111px;

	}



#header p.logo {

	position:absolute;
	
	width:248px;
	
	height:37px;
	
	background:url(images/logo.gif) no-repeat;
	
	left: 10px;
	
	top: 13px;

	}

	

#header p.logo a {

	display:block;

	width:248px;

	height:37px;

	text-decoration:none;

	text-indent:-9999px;

	}

	

#header p.header_tel {

	position:absolute;
	
	right:9px;
	
	top: 25px;

	}

	

#header_navi {

	position:absolute;

	top:0;

	right:0;

	width:388px;

	height:22px;

	background:url(images/headernavi_off.gif) no-repeat;

	}

	

#header_navi li {

	float:left;

	}

	

#header_navi li a {

	display:block;

	height:22px;

	text-indent:-9999px;

	}

	

#header_navi li.hn01 a			{width:114px;}

#header_navi li.hn01 a:hover	{background:url(images/headernavi_on.gif) no-repeat;}



#header_navi li.hn02 a			{width:160px;}

#header_navi li.hn02 a:hover	{background:url(images/headernavi_on.gif) no-repeat -114px 0;}



#header_navi li.hn03 a			{width:114px;}

#header_navi li.hn03 a:hover	{background:url(images/headernavi_on.gif) no-repeat -274px 0;}





/*	globalnavi

----------------------------------------------------

グローバルナビゲーションの設定

----------------------------------------------------*/



#globalnavi {

	position:absolute;

	top:70px;

	left:0;

	width:940px;

	height:41px;

	background:url(images/globalnavi_off.gif) no-repeat;

	}

	

#globalnavi li {

	float:left;

	}

	

#globalnavi li a {

	display:block;

	height:41px;

	text-decoration:none;

	text-indent:-9999px;

	}

	

#globalnavi li a:hover {

	background:url(images/globalnavi_on.gif) no-repeat;

	}

	

#globalnavi li.gn01 a		{width:130px;}

#globalnavi li.gn01 a:hover {background-position:0 0;}



#globalnavi li.gn02 a		{width:164px;}

#globalnavi li.gn02 a:hover	{background-position:-130px 0;}



#globalnavi li.gn03 a		{width:129px;}

#globalnavi li.gn03 a:hover	{background-position:-294px 0;}



#globalnavi li.gn04 a		{width:129px;}

#globalnavi li.gn04 a:hover	{background-position:-423px 0;}



#globalnavi li.gn05 a		{width:129px;}

#globalnavi li.gn05 a:hover	{background-position:-552px 0;}



#globalnavi li.gn06 a		{width:129px;}

#globalnavi li.gn06 a:hover	{background-position:-681px 0;}



#globalnavi li.gn07 a		{width:130px;}

#globalnavi li.gn07 a:hover	{background-position:-810px 0;}

	

/*	mainimage

----------------------------------------------------

メインイメージの設定

----------------------------------------------------*/



#mainimage {

	margin:15px 0 5px 0 ;

	}



/*	page


----------------------------------------------------

パンくずリスト

----------------------------------------------------*/

.pan {

	padding-top:5px;

}


.pan a {

	color:#c00;

	}

	

.pan a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}

/*	パンくずリスト


----------------------------------------------------

ページタイトル

----------------------------------------------------*/



h2.page {

margin:15px 0 0 0;

background:url(images/page_h2.gif) no-repeat;

}



h2.page a {

color:#fff;

line-height:81px;

font-size:34px;

padding-left:18px;

}


/*	content_wrapper

----------------------------------------------------

メイン領域の設定

----------------------------------------------------*/



#content_wrapper {

	width:940px;

	}

	

/*	maincolumn

----------------------------------------------------

メインカラムの設定

----------------------------------------------------*/



#maincolumn {

	float:left;

	width:666px;

	}

#maincolumn  p {
	line-height:18px;
	}




#maincolumn h3 {

	position:relative;

	}

	

#maincolumn h3 span {

	position:absolute;

	right:0;

	top:-8px;

	}



#maincolumn ul {

	margin:0 15px;

	}



#maincolumn ul li {

	padding:3px 15px;

	background:url(images/list_icon.gif) no-repeat 0 8px;

	}



#maincolumn  dl.news {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	}

	

#maincolumn dl.news dt {

	float:left;

	padding:0 5px;

	color:#6d0000;

	font-weight:bold;

	}

	

#maincolumn dl.news dd {

	margin-left:105px;

	}



#maincolumn dl.qa1 dt {

	float:left;

	padding:0 5px;

	color:#6d0000;

	font-weight:bold;

	}

	

#maincolumn dl.qa1 dd {

	margin-left:40px;

	}



#maincolumn  dl.qa1 {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	}


#maincolumn dl.qa2 dt {

	color:#6d0000;
	
	line-height:30px;
	
	font-weight:bold;
	
	padding:5px 0;

	}

	

#maincolumn dl.qa2 dd {
	padding:0px 20px 22px 20px;

	}



#maincolumn  dl.qa2 {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	}




#maincolumn tr td {
	
	padding-left:5px;

}


#maincolumn h4 {

	background:url(images/titlebar_bg01.gif) repeat-x;
	
	height:53px;
	
	line-height:53px;
	
	font-size:18px;
	
	clear:both;
	
	}

#maincolumn h4 a {

	color:#000000;
	
	}

#maincolumn h4  a:hover {

	text-decoration:none;

	}



.toppage_servicearea {

	position:relative;

	width:666px;

	height:142px;

	margin:15px 0;

	}

	

.toppage_servicearea img {

	position:absolute;
	
	left:165px;

	top: 20px;
	
	}

	

.toppage_servicearea p {

	position:absolute;
	
	left:150px;
	
	top: 60px;
	
	width:480px;
	
	margin:0 15px;

	}


.storycontent a {

	color:#c00;

	}


.storycontent a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}



.area01 {

	background:url(images/toppage_servicearea01.gif) no-repeat;

	}

	

.area02 {

	background:url(images/toppage_servicearea02.gif) no-repeat;

	}



#btnarea {

	text-align:center;

	}

	

#btnarea img {

	margin:0 5px;

	}


.prof_photoarea {

	position:relative;
	
	background:url(images/prof_photo.gif);
	
	width:666px;
	
	height:352px;
	
	}

.prof_photoarea_btm {

	position:absolute;
	
	left: 315px;
	
	top: 244px;
	
	}


.prof_com {

	background:url(images/prof_com_bg.jpg) no-repeat;;

	width:666px;
	
	height:200px;

}

.prof_com p {

	line-height:24px;

}



.area {

	float:none;
	
	width: 666px;
	
	}

.area_com {

	float:left;
	
	width: 440px;
	
	}

.area img {

	border:#d3d3d3 solid 1px;
	
	float:left;
	
	margin: 10px 5px 10px 0px;
	
	padding: 5px;

	}

.area p {

	float:left;
	
	padding: 10px 0;
	
	}

.sitemap {

	margin:10px 0;
	
	}

.sitemap01 a {

	background:url(images/sitemap01_off.gif) repeat-y;
	
	height:30px;
	
	width:666px;
	
	color:#333333;
	
	padding-left:15px;
	
	display:block;
	
	line-height:30px;
	
	margin-top:1px;
	
	}

.sitemap01 a:hover {

	background:url(images/sitemap01_on.gif) repeat-y;
	
	color:#000000;
	
	margin-top:1px;
	
	text-decoration:none;
	
	}

.sitemap02 a {

	background:url(images/sitemap02_off.gif) repeat-y;
	
	height:30px;
	
	width:666px;
	
	color:#333333;
	
	padding-left:15px;
	
	display:block;
	
	line-height:30px;
	
	margin-top:1px;
	
	}

.sitemap02 a:hover {

	background:url(images/sitemap02_on.gif) repeat-y;
	
	color:#000000;
	
	margin-top:1px;
	
	text-decoration:none;
	
	}

.clear {　clear:both;}

.pd_10 {

	padding:10px 0px;
	
	clear: both;

	}

.pd_20 {

	padding:20px 0px;
	
	}

.right_footer {

	text-align:right;
	
	padding:10px 0;
	
	clear: both;
	
	}


.right_footer a {

	color:#c00;

	}

	

.right_footer a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}



/*	sidebar01

----------------------------------------------------

サイドバー1の設定

----------------------------------------------------*/

	

#sidebar01 {

	float:right;

	width:257px;

	margin:10px 0;

	}



#sidebar01 #localnavi li {

margin:0;

	margin-bottom:10px;

	}

	

#sidebar01 a {

	color:#c00;

	}

	

#sidebar01 a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}

	

#sidebar01 h3 {

	width:227px;

	margin:5px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(images/sidebar_title_bg.gif) no-repeat;

	}



#sidebar01 dl {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	font-size:12px;

	}

	

#sidebar01 dl dt {

	color:#333;

	font-weight:bold;

	}


#sidebar01 .sub_cate{

	padding-bottom:10px;

}

#sidebar01 .sub_cate ul {

	list-style: none;

}


#sidebar01 .sub_cate li {
	margin:0;
	padding-left:22px;
	background:url(images/sidebar01_icon_01.gif) no-repeat;
	line-height:34px;
	border-bottom:1px #ccc dotted;

}


/*	sidebar02

----------------------------------------------------

サイドバー2の設定

----------------------------------------------------*/

	

#sidebar02 {

	float:right;

	width:257px;

	margin:10px 0;

	}



#sidebar02 a {

	color:#333;

	}

	

#sidebar02 a:hover {

	text-decoration:underline;

	}



#sidebar02 h2 {

	margin:5px 0;

	font-size:14px;

	font-weight:bold;

	color:#333;

	}



#sidebar02 p {

	margin:5px 0;

	font-size:12px;

	}

	

#sidebar02 h3 {

	width:227px;

	margin:5px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(images/sidebar_title_bg.gif) no-repeat;

	}



#sidebar02 dl {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	font-size:12px;

	}

	

#sidebar02 dl dt {

	color:#6d0000;

	font-weight:bold;

	}


.sidebar3_h3 a {

	color:#ffffff;

	}



.sidebar3_h3 a:hover {

	text-decoration:none;

	}


/*	footer_wrapper

----------------------------------------------------

フッターの大枠設定 width:100%の場合

----------------------------------------------------*/



#footer_wrapper {

	width:100%;


	background:url(images/footer_bg.gif) repeat-x #c40a0a;

	}

	

/*	footer

----------------------------------------------------

フッターの設定

----------------------------------------------------*/



#footer {

	width:940px;

	margin:0 auto;

	padding:10px;

	color:#fff;

	}



#footer p {

	margin:5px;

	}

	

#footer address {

	margin:5px;

	}

	

#footer .copyright {

	margin:20px 5px 0 5px;

	}

#footer a {
color:#fff;
}



/*	post

----------------------------------------------------

ブログ記事設定

----------------------------------------------------*/



.post {

	padding:15px 10px 20px 10px;

	font-size:14px;

	border-bottom:1px #ccc dotted;

	}



.post h2.blogtitle {

	margin:0;

	border-bottom:3px #750000 solid;

	font-size:22px;

	font-weight:bold;

	}



.post h2.blogtitle a {

	color:#bf0e16;

	}



.post h2.blogtitle a:hover {

	color:#fff;

	background:#bf0e16;

	}



.post .meta {

	color:#999;

	}



.post .post_body {

	padding:15px 0;

	}



.post .post_body p {

	margin:5px 0;

	font-size:14px;

	}



.post .post_body img {

	border:5px #750000 solid;

	}


/*	media

----------------------------------------------------

ブログ記事設定

----------------------------------------------------*/


.media { 

	width:666px;
	
	}

.media img {
	
	float:left;
	
	padding:5px;
	
	border:#CCCCCC solid 1px;

	
	}