@import url(http://sittoku.net/mt/mt-static/themes/style-vega/import.css);

@charset "UTF-8";

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

　Vicunaのテンプレートをベースに、独自のカスタマイズを施したCSS

　変更はあまりオリジナルのCSSに加えず、こちらに指定する。

　適用はMovable Typeのダッシュボードから「デザイン」→「テンプレート」にある「スタイルシート」に
@import url(http://sittoku.net/mt/mt-static/themes/style-vega/color-green.css);を追加する。


メインコンテンツ部分の横幅：540px（要素の表示エリア）
メニュー部分の横幅：180px

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

/*************************************
　共通設定
**************************************/


/* リンクの色 */

a:link { color: #0000cd; }
a:visited { color: #800000; }

img {
border: none;
overflow: auto;
}


/* 回り込みの指定 */

.left {
 float: left;
 margin: 0 10px 10px 0;
}

.right {
 float: right;
 margin: 0 0 10px 10px;
}

.clear { clear: both; }

/* 記事やメニュー部分　リストの行間隔を広げる */

ul li {
 line-height: 120%;
 font-size: 116%;
}

div#utilities ul li {
 line-height: 120%;
 font-size: 100%;
}

strong {
 font-weight: bold;
 color: #333;
}

/*************************************
　ヘッダーの設定
**************************************/

div#header {
 padding: 0;
}

div#header img {
 padding-left: 5px;
}

div#header p.description {
 position: relative;
 margin: 0 0 5px 8px;
 font-size: 100%;
}

/* サイトマップへのリンク */
#header div#sitemap {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 50px;
 left: 680px;
}

/*************************************
　上部グローバル・ナビの配色設定
**************************************/

/* ベースカラー */
ul#globalNavi {
	margin: 0 0 -1px 0;
	padding: 0;
	line-height: 1;
	/* background-color: #888; */
	background-color: #dc143c;
	list-style-type: none;
}

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	/*
	width: 110px;
	*/
	text-align: center;

}

ul#globalNavi li a {
	border-right: 1px solid #666;
	padding: 3px 20px;
	display: block;
	position: relative; /* for IE6 */
	color: #fff;
	/* background-color: #555; */
	background-color: #2f4f4f;
	text-decoration: none;
}


/* 現在表示中の背景色 */
ul#globalNavi li.current a {
	color: #f5f5f5;
	/* background-color: #eee; */
	background-color: #ff4500;
}

/* マウスを乗せたときの色 */
ul#globalNavi li a:hover {
	color: #f5f5f5;
	/* background-color: #eee; */
	background-color: #ff4500;
}

/* 記事見出し下の投稿者・日付・カテゴリーのメニュー部分。
上下の余白が大き過ぎるので調節。*/
ul.info li{
 line-height: 100%;
}

/**************************************
　見出し等に関する指定
***************************************/



/* 記事・カテゴリーページのh1 */

h1 {
 font-size: 167%;
}

/* カテゴリーページのh2タグ */

body.category h2 a {
 font-size: 123.1%;
 color: #00f;
}

/* 記事ページのh2タグ */
div.entry h2 {
	margin-bottom: 0;
	padding: 0 10px;
	border-left: 5px solid #dc143c;
	border-bottom: 1px dotted #ccc;
	font-size: 138.5%;
}



h3 {
	margin-top: 2em;
	padding-bottom: 0;
	border-bottom: 2px solid #dc143c;
	/* font-size: 116%; */
	font-size: 123.1%; /* 16px相当 */
}

div.entry h3.new_entry {
 font-size: 100%;
 margin-bottom: 1em;
 color: #dc143c;
}

h4 {
 font-size: 123.1%;
 margin: 0;
 padding: 5px;
}


div.entry p {
 font-size: 116%;
 line-height: 1.6;
 margin-bottom: 1.5em;
}

.red {
 color: #f00;
 font-weight: bold;
}


/* エントリーページに表示する記事の更新日 */
p.date_header {
 text-align: right;
 font-size: 100%;
 
}

/* アフィリエイトテキストリンクの設定 */

.af-link a { 
 background-color:#00f;
 padding:2px 10px;
 font-size: 123.1%;
 // font-weight:bold;
 text-align: center;
 color: #ffffff;
 border-right:solid 2px #808080;
 border-bottom:solid 2px #808080;
 text-decoration: none;
}

div.af-img img {
 border: 1px solid #0000cd;
}



/******************************************
　トップページ　キャンペーン情報
　※トップページのh1タグはサイト名に使われ、hiddenにされている。
*******************************************/


/* トップページのキャンペーン見出し */

body.mainIndex h2 {
 font-size: 138.5%; /* 18px相当 */
 color: #dc143c;
}

body.mainIndex h3 {
 background-color: #dc143c;
 margin: 0;
 padding: 5px 15px;
 border: none;
 font-size: 138.5%; /* 18px相当 */
 color: #f5f5f5;
}

body.mainIndex h4 {
 font-size: 116%;
 margin: 0;
 padding: 5px 0;
 color: #333;
}

/* トップページ　新着情報の枠線 */
body.mainIndex div.waku-gray {
 margin: 10px 0;
 padding: 5px 10px;
 border: 1px solid #c0c0c0;
}


body.mainIndex div.waku-gray dt {
 font-size: 123.1%;
 font-weight: bold;
 // color: #d2691e;
 margin: 20px 0 5px 0;
}

body.mainIndex div.waku-gray dd {
 font-size: 108%;
 margin: 5px 5px 10px 5px;
}

body.mainIndex div.waku-gray ul,
body.mainIndex div.waku-gray li {
 margin: 0;
 padding: 0;
 line-height: 150%;
}

body.mainIndex div.waku-gray dl.camp dd {
 font-size: 108%;
}

/* トップページ　新製品 */
body.mainIndex div.waku-orange {
 margin: 10px 0;
 padding: 10px;
 border: 1px solid #c0c0c0;
}

body.mainIndex div.waku-orange h3 {
 background-color: #ffa500;
 color: #000;
 font-weight: normal;
}




/****************************************
　テーブルの設定
******************************************/
body.individual table.entry caption {
 font-size: 116%;
 text-align: left;
}

body.individual table.entry td.img { text-align: center; }
body.individual table.entry td, table th { padding: 2px; }
body.individual table.entry td { 
 vertical-align: top;

}