@charset "shift_jis";

/*///list of content（目次）/////////////////////////////

・common-set（基本設定）
	・reset-set（デフォルトcssをリセット）
	・option-set（特殊追加用クラス）
	・link-set（リンクの基本設定）(←リンク色などを変更する時に変更してください。）
	
・font-set（フォント用クラスの設定）
	・color-set（色を設定するクラス）
	・size-set（文字サイズを設定するクラス）
	
・margin-set（マージン用クラスの設定）
	・margin-top-set（上マージン用クラスの設定）
	・margin-right-set（右マージン用クラスの設定）
	・margin-bottom-set（下マージン用クラスの設定）
	・margin-left-set（左マージン用クラスの設定）
	
・padding-set（パディング用クラスの設定）
	・padding-top-set（上パディング用クラスの設定）
	・padding-right-set（右パディング用クラスの設定）
	・padding-bottom-set（下パディング用クラスの設定）
	・padding-left-set（左パディング用クラスの設定）
	
	
(↓以下デザイン変更する時に主に変更する部分です。）	
・layout-set（大枠のレイアウト設定とヘッダー/フッターの詳細設定）
	・layout-set（大枠のレイアウト設定）
	・header-set（ヘッダーの詳細設定）
	・footer-set（フッターの詳細設定）
	
・side-set（サイドカラムの設定）
	・index PAGE（indexとPAGEページの共通設定）
	・blog（blogページの設定）
	・calendar（カレンダー設定）

・main-set（メインカラムの設定）
	・index（indexページの設定）
	・blog（blogページの設定）
		・comments（コメントエリアの設定）
	・PAGE（PAGEページの設定）

・for-ie-set（ieのみに適用したいcssを設定）


////list of content end/////////////////////////*/


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

common-set

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

/*********************************

reset-set

*********************************/

*{
	margin:0;
	padding:0;
	}

h1 {
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:12px;
	color:#993300;
}

h2,h3,h4,dt,dd,form,textarea,input,select,option {
	font-weight:normal;
	font-size:12px;
	}

td,th {
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	}

a,table,img {
	border:none;
	}

ul,ol,li {
	list-style:none;
	}
	
a {
	text-decoration:none;
	}
	
select option {
	padding-right:10px;
	}


/******************************

option-set

******************************/

.block {
	display:block;
	}
	
.txt-right {
	text-align:right;
	}
	
.txt-left {
	text-align:left;
	}
	
.txt-center {
	text-align:center;
	}
	
.clear {
	clear:both;
	}
	
.floatL {
	float:left;
	}
	
.floatR {
	float:right;
	}
	
/* floatClearHack */

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
	height:1%;/* for ie6 */
	min-height:1%;/* for ie7 */
	}
	
html>body .clearfix {
	height:auto;/* for ie7 and modernbrowser*/
	}

/******************************

link-set

******************************/

a:link {
	font-weight:normal;
	text-decoration:none;
	color:#006699;
	}

a:visited {
	font-weight:nomal;
	text-decoration:none;
	color:#006699;
	}

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

a:active {
	text-decoration:underline;
	color:#006699;
	}

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

font-set

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

color-set

*********************************/

.black {
	color:#000000;
	}
	
.red {
	color:#FF0000;
	}
	
.orange {
	color:#FF6600;
	}
	
.blue {
	color:#0033CC;
	}
	
	
/*********************************

size-set

*********************************/

.f10 {
	font-size:10px;
	}
	
	
/*-----------------------------------------------------

margin-set

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

/*********************************

margin-top-set

*********************************/

mt10 {
	margin-top:10px;
	}
		
/*********************************

margin-right-set

*********************************/

.mr10 {
	margin-right:10px;
	}

/*********************************

margin-bottom-set

*********************************/

.mb5 {
	margin-bottom:5px;
	}

.mb10 {
	margin-bottom:10px;
	}
	
.mb15 {
	margin-bottom:15px;
	}
	
.mb20 {
	margin-bottom:20px;
	}
	
.mb25 {
	margin-bottom:25px;
	}
	
.mb30 {
	margin-bottom:30px;
	}
	
/*********************************

margin-left-set

*********************************/

.ml10 {
	margin-left:10px;
	}

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

padding-set

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

/*********************************

padding-top-set

*********************************/

.pt10 {
	padding-top:10px;
	}
	
.pt20 {
	padding-top:20px;
	}
	
/*********************************

padding-right-set

*********************************/

.pr10 {
	padding-right:10px;
	}
	
.pr20 {
	padding-right:20px;
	}
	
/*********************************

padding-bottom-set

*********************************/

.pb10 {
	padding-bottom:10px;
	}
	
.pb20 {
	padding-bottom:20px;
	}
	
.pb25 {
	padding-bottom:25px;
	}
	
.pb30 {
	padding-bottom:30px;
	}
	
.pb40 {
	padding-bottom:40px;
	}
	
/*********************************

padding-left-set

*********************************/

.pl5 {
	padding-left:5px;
	}
	
.pl10 {
	padding-left:10px;
	}
	
.pl15 {
	padding-left:15px;
	}
	
.pl20 {
	padding-left:20px;
	}
	

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

layout-set

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

/******************************

layout-set

******************************/

body {
	text-align:center;
	font-size:12px;
	color:#333;
	line-height:150%;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#fff;
}

#container {
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
	
#header {
	}
	
#main {
	/* width:760px; */
	padding-right:10px;
	margin-bottom:40px;
	}
	
#maincol {
	width:510px;
	float:right;
	}
	
#sidecol {
	width:230px;
	padding-top:10px;
	float:left;
	}
	
#sidecol2 {
	width:170px;
	padding-top:10px;
	padding-left:30px;
	float:left;
	}
	
#footer {
	border-top:1px solid #E4E4E4;
	padding-top:15px;
	padding-bottom:10px;
	}
	
/******************************

header-set

******************************/

#container div.indexHeader {
	width:760px;
	height:295px;
	background-image:url(img/top_img.jpg);
	background-repeat:no-repeat;
	}
	
#container div.subHeader {
	width:760px;
	height:115px;
	background-image:url(img/sub_img.jpg);
	background-repeat:no-repeat;
	}

#header h1 {
	text-indent:-5000em;
	text-decoration:none;
	width:135px;
	height:100px;
	float:left;
}

#header h1 a {
	text-indent:-5000em;
	text-decoration:none;
	width:135px;
	height:100px;
	display:block;
}

#header ul {
	width:482px;
	float:right;
	text-align:right;
	padding-top:5px;
}

#header ul li {
	padding-right:20px;
	padding-top:5px;
	display:inline;
}

#header ul li a {
	color:#FFFFFF;
}

#header ul li a:hover {
	color:#FFFFFF;
}

/******************************

footer-set

******************************/

div#footer address {
	font-style:normal;
	}
	
	
/*-----------------------------------------------------

side-set

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

/******************************

index PAGE

******************************/

ul.menuBox {
	}
	
ul.menuBox li {
	background-image:url(img/menu_bg.gif);
	width:230px;
	height:31px;
	margin-bottom:2px;
	}
	
ul.menuBox li a {
	display:block;
	background-image:url(img/menu_bg.gif);
	width:207px;
	height:25px;
	font-size:14px;
	padding-left:23px;
	padding-top:6px;
	}

/******************************

blog

******************************/

#sidecol2 ul {
	list-style:disc;
	margin:3px 0 20px 20px;
	}
	
#sidecol2 ul li {
	list-style-image:url(img/alw.gif);
	}
	
#sidecol2 ul li.sideRss {
	list-style-image:none;
	background-image:url(img/rss.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding-top:10px;
	padding-left:20px;
	height:16px;
	}
	
#sidecol2 ul ul {
	margin-bottom:3px;
	}
	
#sidecol2 h2 {
	background-image:url(img/side_menuttl.gif);
	background-repeat:no-repeat;
	width:170px;
	height:22px;
	color:#FFFFFF;
	text-align:center;
	padding:12px 0 0;
	}
	
/** calendar
*********************/

#calendar table {
	width:160px;
	text-align:center;
	border-collapse:collapse;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	}
	
#calendar th,
#calendar td {
	padding:5px 0;
	border:1px solid #87D6FA;
	text-align:center;
	}
	
#calendar td a {
	text-decoration:underline;
	}
	
#calendar td a:hover {
	text-decoration:none;
	}
	
#calendar caption {
	padding:3px 0;
	}
	
#calendar tfoot td {
	border:none;
	}
	
#calendar tfoot td#prev {
	text-align:left;
	}
	
#calendar tfoot td#next {
	text-align:right;
	}


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

main-set

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

/******************************

index

******************************/

div.indexH2Wrap {
	background-image:url(img/art_ttl.gif);
	width:510px;
	height:115px;
	margin-bottom:10px;
	}
	
div.indexH2Wrap h2 {
	padding:18px 0 0 20px;
	color:#fff;
	font-weight:bold;
	}
	
p.indexCatch {
	padding:0 15px 0;
	margin-bottom:25px;
	}
	
div.indexArtWrap {
	padding-left:10px;
	padding-right:10px;
	}

/* div.indexH3Wrap */

div.indexH3Wrap {
	border-bottom:1px solid #E4E4E4;
	margin-bottom:15px;
	}
	
div.indexH3Wrap h3 {
	background-repeat:no-repeat;
	width:117px;
	height:30px;
	text-indent:-5000em;
	float:left;
	}
	
div.indexH3Wrap ul {
	float:right;
	width:250px;
	text-align:right;
	padding-top:10px;
	}
	
div.indexH3Wrap h3.indexh3Topic {
	background-image:url(img/index_ttl01.gif);
	}
	
div.indexH3Wrap h3.indexh3Blog {
	background-image:url(img/index_ttl02.gif);
	}
	
div.indexH3Wrap ul li {
	display:inline;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left:10px;
	padding-top:3px;
	padding-bottom:2px;
	}
	
div.indexH3Wrap ul li.rss {
	background-image:url(img/rss.gif);
	}
	
div.indexH3Wrap ul li.ichiran {
	background-image:url(img/ichiran.gif);
	}
	
/* indexart */

dl.indexart {
	padding-left:5px;
	padding-right:5px;
	}
	
dl.indexart dt {
	float:left;
	width:85px;
	}
	
dl.indexart dd {
	float:left;
	width:390px;
	}
	
/******************************

blog

******************************/

div.subH2Wrap {
	background-image:url(img/sub_art_ttl.gif);
	width:510px;
	height:55px;
	margin-bottom:10px;
	}
	
div.subH2Wrap h2 {
	padding:18px 0 0 20px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	}
	
div.subH2Wrap h2 a {
	color:#fff;
	}
	
div.subH2Wrap h2 a:link {
	color:#fff;
	text-decoration:none;
	}
	
div.subH2Wrap h2 a:visited {
	color:#fff;
	text-decoration:none;
	}
	
div.subH2Wrap h2 a:hover {
	color:#fff;
	text-decoration:none;
	}

h3.artDate {
	border-bottom:1px solid #E4E4E4;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align:right;
	margin-bottom:15px;
	margin-left:10px;
	margin-right:10px;
	}
	
h4.artTtl {
	font-size:14px;
	color:#666;
	margin-bottom:10px;
	}
	
p.artMeta {
	margin-bottom:15px;
	}
	
div.storycontent {
	margin-bottom:20px;
	}
	
/** comments
*********************/

#comments h3	{
	border-bottom: solid 2px #538ad8;
	padding-bottom: 5px;
	font-weight:bold;
	}

.com	{
	border-bottom: dotted 2px #88ccff;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

.com p	{
	margin: 5px 0;
	}

.commeta	{
	color: #888888;
	text-align: right;
	}

#tb	{
	border: solid 1px #88ccff;
	padding: 8px;
	line-height: 150%;
	margin-bottom:10px;
	}

#commentform	{
	}
	
/******************************

PAGE

******************************/

div.pageH2Wrap {
	background-image:url(img/sub_art_ttl.gif);
	width:510px;
	height:55px;
	margin-bottom:10px;
	}
	
div.pageH2Wrap h2 {
	padding:18px 0 0 20px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	}


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

for-ie-set

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

 /*for ie7*/
*+html {
	}

 /*for ie6*/
* html body {
	}