@charset "utf-8";

/*--------------------------------------------------------
	ファイル名: common.css
	概要: 共通用

	制作日: 2010/08/20
	更新日: 2010/08/20

目次

	1-ボディ: body
	2-コンテナ: #container
	3-ヘッダ：#headerArea
	4-パンくずリスト: #pList
	5-メイン：#main
	6-レフトナビ：#naviArea
	7-コンテンツ：#contents
	8-トップに戻るボタン：#pageTop
	9-フッタ: #footer
	10-素材
	11-メインコンテンツ用ClearFixHack start
	12-ワードプレス用 Tips-WrodPress

	Copyright domy all rights reserved.
----------------------------------------------------------*/
/*--------------------------------------------------------
 1-ボディ: body
----------------------------------------------------------*/
body {
	text-align: center;/*IE5.x用中央寄*/
	font-size:12px;
	letter-spacing:1px;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}

body a {
	color:#464024;
}

body a:hover {
	color:#867E62;
	text-decoration:none;
}

/*--------------------------------------------------------
 3-ヘッダ：#header
----------------------------------------------------------*/
#header {
	width: 1000px;
	height:40px;
	margin:0px auto;
}


/*--------------------------------------------------------
 2-メイン: #main
----------------------------------------------------------*/
#main {
	width: 1000px;
	height: auto;
	text-align: left;
	margin:0px auto;
}



/*--------------------------------------------------------
 5-コンテンツ：#content
----------------------------------------------------------*/
#content {
	width: 700px;
	height: auto;
	float: right;
}


/*--------------------------------------------------------
 6-レフトナビ：#naviArea
----------------------------------------------------------*/
#naviArea {
	width: 300px;
	height: auto;
	margin-top: 100px;
	float:left;
}

#naviArea .logo {
	width: 230px;
	height: 46px;
}

#naviArea ul {
	width: 140px;
	margin-top: 40px;
	margin-left: 90px;
	list-style-type: none;
}

/*--------------------------------------------------------
 8-ページのトップに戻るボタン：#pageTop
------------------------------------*/
#pageTop {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#pageTop p {
	padding-right:10px;
	float:right;
}


/*--------------------------------------------------------
 9-フッタ: #footer
----------------------------------------------------------*/
#footer {
	width:1000px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#footer p {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}


/*--- ページレイアウト用共通素材 ----------------------------------------------------------*/
.marginTop10 {
	margin-top:10px !important;
}

.marginTop20 {
	margin-top:20px !important;
}

.marginTop30 {
	margin-top:30px !important;
}

.marginTop40 {
	margin-top:40px !important;
}

.marginTop50 {
	margin-top:50px !important;
}

.marginTop80 {
	margin-top:50px !important;
}

.marginBottom5 {
	margin-bottom:5px !important;
}

.marginBottom10 {
	margin-bottom:15px !important;
}

.marginBottom15 {
	margin-bottom:10px !important;
}

.marginBottom20 {
	margin-bottom:20px !important;
}

.marginBottom25 {
	margin-bottom:25px !important;
}

.textCenter {
	text-align:center !important;
}

.fontRed {
	color:#CC0033;
	font-weight:bold;
}

.fontSmall {
	font-size:95%;
}

.clr {
	clear:both;
}

.kome {
	padding-left:1em !important;
	text-indent:-1em;
}

button:active {
	padding:0;
	margin:0;
}

a.post-edit-link {
	padding:2px 3px;
	font-size:10px;
	letter-spacing:0.2em;
	background:#FFF0F0;
	border:1px solid #D20005;
}

/* ClearFixHack start */
.clearFix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearFix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearFix { height: 1% }
.clearFix {display:block;}
/* end MacIE5 */
/* メインコンテンツ用ClearFixHack end */

/*--------------------------------------------------------
 12-ワードプレス用 Tips-WrodPress
----------------------------------------------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}


/*--------------------------------------------------------
 13-SNS用 sns
----------------------------------------------------------*/

.sns {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 300px;
}

.twitter {
	margin: 0px;
	padding: 0px;
	float: left;	
}

.facebook {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}