/********************************************************************
template/r-001a(右カラム001a)
********************************************************************/
/*-------------------------------------
▼▼　基本
-------------------------------------*/
html
	{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	}
body
	{ 
	margin: 0;
	padding: 0;
	background:#fff; /* 全体の背景色 */
	text-align: center;
	color: #454545; /* 文字の色 */
	font-size: 14px; /* 文字のサイズ */
	font-family: arial, helvetica, sans-serif;
	line-height:180%; /* 行間 */
	}

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

h2,h3
	{
	letter-spacing:0.7px;
	}

form, input
	{
	margin: 5px 0 0 5px;
	padding: 0;
	}

/*-------------------------------------
▼▼　リンク
-------------------------------------*/
a
	{
	color:#0000ff; /* リンクの色 */
	}

a:hover
	{
	text-decoration:none;
	color:#ccc; /* マウスオーバー時のリンクの色 */
	}

a img
	{
	border: 0;
	}

.no-link
	{
	text-decoration:none;
	color:#666;
	}

#side a
	{
	color:#333;
	text-decoration:none;
	}

#side a:hover
	{
	color:#0000ff;
	text-decoration:underline;
	}

/*-------------------------------------
▼▼　外枠
-------------------------------------*/

#container
	{
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#fff;
	}

/*-------------------------------------
▼▼　ヘッダー部分
-------------------------------------*/
#header
	{
	width:800px;
	background:url(img/banner.jpg) center top no-repeat;
	height:150px; /* ヘッダーの高さ */
	border-bottom:5px solid #333;
	}

#header h1
	{
	font-size:20px;
	font-weight:bolder;
	letter-spacing:0.03em;
	padding:40px 20px 10px 20px;
	}

#header h1 a
	{
	text-decoration:none;
	color:#333; /* タイトルの色 */
	}

#header h1 a:hover
	{
	color:#dbe3e3;
	}

#header p
	{
	margin:0 20px;
	color:#333; /* サイト説明文の文字色 */
	font-size:12px;
	letter-spacing:0.7px;
	width: 540px;
	}

/*-------------------------------------
▼▼　レイアウト
-------------------------------------*/
#wrap
	{
	width:800px;
	float:left;
	}
#main
	{
	float:left;
	width:570px;
	padding-bottom:10px;
	margin-left:5px;
	display:inline;
	}
#side
	{
	float:left;
	width:210px;
	line-height:140%;
	padding:15px 0;
	margin-right:5px;
	}

/*-------------------------------------
▼▼　メイン部分【一覧部分】
-------------------------------------*/

#free
	{
	border:1px solid #dbe3e3;
	margin:20px 5px 0 5px;
	}

#free-p
	{
	background:#dbe3e3;
	padding:5px 10px;
	margin-bottom:5px;
	font-weight:bold;
	letter-spacing:0.5px;
	font-size:16px;
	color:#333;
	}

#free-text
	{
	padding:10px;
	}

#i-entry
	{
	float:left;
	width:560px;
	margin:5px 0 20px 0;
	}

#i-entry h2,
#i-entry-with h3
	{
	clear:both;
	font-size:16px;
	color:#333; /* 各メインタイトルの文字色（リンクなし） */
	background:#fff; /* 各メインタイトルの背景色 */
	margin:20px 5px 10px 5px;
	padding:3px 8px 0px 10px;
	border-bottom:3px double #333; /* 各メインタイトルの左線 */
	border-left:7px solid #333; /* 各メインタイトルの左線 */
	}

#i-entry h2 a
	{
	text-decoration:none;
	color:#333; /* 各メインタイトルの文字色（リンクあり） */
	}

#i-entry h2 a:hover
	{
	color:#dbe3e3; /* 各メインタイトルの文字色（リンクあり・マウスオーバー時） */
	}

.i-entry-box
	{
	margin:10px;
	}

#i-entry h3
	{
	font-size:14px;
	font-weight:normal;
	}

#i-entry-s h3
	{
	margin:0 20px 5px 25px;
	font-size:12px;
	}

#i-entry p
	{
	margin:0 20px 20px 10px;
	}

#st
	{
	font-weight:bold;
	}

.entry1 {
	width:450px;
	margin: 20px 20 20px 20;
	border: 1px dotted #ffcc00;
	background: #fffff0;
	min-height: 50px;
	padding: 20px;
}

.entry1 .img {margin: 100px 20px 15px 10px; border: 1px solid #ccc;}

/*-------------------------------------
▼▼　メイン部分【エントリーページ・関連エントリー】
-------------------------------------*/
#i-entry-with
	{
	margin-bottom:20px;
	}

#i-entry-with ul
	{
	margin:0;
	padding:0 40px;
	}
#i-entry-with ul li
	{
	margin:3px 0;
	}

/*-------------------------------------
▼▼　メイン【アドセンス】
-------------------------------------*/
.ad
	{
	clear:both;
	margin:0;
	padding:0;
	}

/*-------------------------------------
▼▼　メイン部分【ページトップ】
-------------------------------------*/
.gotop
	{
	clear:both;
	text-align:right;
	margin-top:10px;
	margin-right:10px;
	}

/*-------------------------------------
▼▼　メイン部分【パンくずリスト】
-------------------------------------*/
.navi
	{
	clear:both;
	padding:2px 20px 2px 15px;
	margin:0px;
	font-size:12px;
	}

/*-------------------------------------
▼▼　カテゴリ部分
-------------------------------------*/
.menu
	{
	margin:0;
	padding-bottom:20px;
	}

.menu p,
.menu-fr p
	{
	padding:4px 10px 0px 10px;
	font-size:14px;
	color:#333; /* サイドメニュータイトル文字色 */
	background:#fff; /* サイドメニュータイトル背景色 */
	border-bottom:3px solid #333;
	font-weight:bold;
	margin-left:5px;
	}

.menu ul,
.menu-navi ul
	{
	margin:0;
	padding:2px 0 0 15px;
	list-style-type:none;
	}

.menu ul li,
.menu-navi ul li
	{
	background:url(img/icon.gif) left 10px no-repeat;
	padding:5px 5px 5px 13px;
	border-bottom:1px dashed #6b6a6a;
	}

.menu ul li span
	{
	font-size:10px;
	padding-left:5px;
	}

.menu-navi
	{
	border-top:3px solid #ccc;
	}

input.favor
	{
	margin-left:25px;
	margin-top:10px;
	}


/*-------------------------------------
▼▼　フッター部分
-------------------------------------*/
#footer
	{
	clear:both;
	background:#fff; /* フッター背景色*/
	color:#000; /* フッター文字色 */
	text-align:right;
	width:800px;
	border-top:3px solid #333;
	}
#footer p
	{
	padding:10px 20px;
	}
#footer a
	{
	text-decoration:none;
	}


/*-------------------------------------
▼▼　エントリーページ【コメント・トラックバック】
-------------------------------------*/
.trackbacks
	{
	margin:20px 0;
	}
.trackbacks,
.comments,
.archive
	{
	overflow: hidden;
	clear: both;
	width: 550px;
	margin:0px;
	}
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
	{
	/* ie win (5, 5.5, 6) bugfix */
	width: 550px;
	w\idth: auto;
	font-size:14px;
	margin:20px 0px 10px 10px;
	border-bottom:2px solid #333;
	padding:0 0 0 10px;
	}

.entry-content,
#trackbacks-info,
.trackback-content,
.trackbacks-content,
.comment-content,
.comments-open-content,
.comments-closed
	{
	clear: both;
	margin: 5px 10px 5px 20px;
	}
#trackbacks-info
	{
	background:#eee;
	padding:10px;
	}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
	{
	clear: both;
	margin: 5px 10px 20px 10px;
	}
.entry-footer
	{
	border-bottom:1px dotted #aaa;
	text-align:right;
	padding-bottom:5px;
	}

.entry,
.trackbacks,
.comments,
.archive
	{
	position: static;
	overflow: hidden;
	clear: both;
	width: 550px;
	margin-bottom: 20px;
	}
#comment-author, #comment-email, #comment-url, #comment-text
	{
	width: 240px;
	}
#comment-bake-cookie
	{
	margin-left: 0;
	vertical-align: middle;
	}
.comments-open label { display: block; }


/*------------------------------------------------------------
16、文字列の前にアイコン
-------------------------------------------------------------*/

.caution1{
	padding: 20px 0 0 60px!important;
	background: url(../img/icon/icon-check01.gif) left top no-repeat!important;
}

.caution2{
	padding: 20px 0 0 60px!important;
	background: url(../img/icon/icon-check02.gif) left top no-repeat!important;
}

.caution3{
	padding: 20px 0 0 60px!important;
	background: url(../img/icon/icon-point01.gif) left top no-repeat!important;
}

.caution4{
	padding: 20px 0 0 60px!important;
	background: url(../img/icon/icon-point02.gif) left top no-repeat!important;
}

.caution5{
	padding: 14px 0 0 36px!important;
	background: url(../img/icon/icon-check03.gif) left top no-repeat!important;
}

.caution6{
	padding: 14px 0 0 36px!important;
	background: url(../img/icon/icon-point03.gif) left top no-repeat!important;
}

.caution7{
	padding: 20px 0 0 60px!important;
	background: url(../img/icon/icon-check07.gif) left top no-repeat!important;
}

.caution8{
	padding: 20px 0 0 60px!important;
	background: url(../img/icon/icon-check08.gif) left top no-repeat!important;
}


/*初心者マーク*/
.wakaba{
	padding: 14px 0 0 36px!important;
	background: url(../img/icon/icon-wakaba.gif) left top no-repeat!important;
}

/*メールアイコン*/
.mail{
	padding: 10px 0 0 36px!important;
	background: url(../img/icon/icon-mail.gif) left top no-repeat!important;
}

/*PDFアイコン*/
.pdf{
	padding: 14px 0 0 36px!important;
	background: url(../img/icon/icon-pdf.gif) left top no-repeat!important;
}

/*ZIPアイコン*/
.zip{
	padding: 14px 0 0 36px!important;
	background: url(../img/icon/icon-zip.gif) left top no-repeat!important;
}

/*RSSアイコン*/
.rss{
	padding: 10px 0 10px 28px!important;
	background: url(../img/icon/icon-rss02.gif) left top no-repeat!important;
}

/*小さいRSSアイコン*/
.rss-mini{
	padding-left: 16px!important;
	background: url(../img/icon/icon-rss-orange.jpg) left center no-repeat!important;
}

/*後ろにメールアイコン*/
.mail-back{
	padding: 14px 34px 0 0!important;
	background: url(../img/icon/icon-mail.gif) right top no-repeat!important;
}

/*後ろにPDFアイコン*/
.pdf-back{
	padding: 20px 34px 0 0!important;
	background: url(../img/icon/icon-pdf.gif) right top no-repeat!important;
}

/*後ろにZIPアイコン*/
.zip-back{
	padding: 20px 34px 0 0!important;
	background: url(../img/icon/icon-zip.gif) right top no-repeat!important;
}

/*後ろにRSSアイコン*/
.rss-back{
	padding: 9px 26px 0 0!important;
	background: url(../img/icon/icon-rss02.gif) right top no-repeat!important;
}


/*------------------------------------------------------------
17、枠線を角丸に
-------------------------------------------------------------*/

/*Firefoxのみ対応*/
div#main-contents ul.topics,
div#main-contents ul.checklist{
	-moz-border-radius: 16px;/*角丸の半径*/
}

/*角丸エリアを作る*/
div#main-contents .c1{
	padding-top: 15px;
	background: url(../img/corner/corner-left-top.gif) no-repeat left top;
}
div#main-contents .c2{
	width: 100%;
	background: url(../img/corner/corner-right-top.gif) no-repeat right top;
}
div#main-contents .c3{
	padding: 0 0 15px 15px;
	background: url(../img/corner/corner-left-bottom.gif) no-repeat left bottom;
}
div#main-contents .c4{
	padding-right: 15px;
	background: url(../img/corner/corner-right-bottom.gif) no-repeat	right bottom;
}


/*------------------------------------------------------------
18、ノートのような線を引く
-------------------------------------------------------------*/

.noteline{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #7070ba!important;
	line-height: 2.1em!important;
}

/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
2、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/

/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
※「em」は文字サイズ可変に対応。「pt」は文字サイズ固定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }
.normal{ font-weight: normal!important; }

.big{ font-size: 120%!important; }
.big2{ font-size: 150%!important; }
.big3{ font-size: 180%!important; }
.small{ font-size: 80%!important; }

/*------------------------------------------------------------
9、下線や取消線の設定
-------------------------------------------------------------*/

.u{ text-decoration: underline!important; }
.del{ text-decoration:line-through;}
.noborder{ border: 0!important; }/*枠線を無くす*/


/*------------------------------------------------------------
10、box・・・蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/

.box-yellow{ padding:2px;background-color: #ffff00!important; }/*黄色*/
.box-aqua{ padding:2px;background-color: #00ffff!important; }/*水色*/
.box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/
.box-red{ padding:2px;background-color: #fc9b8b!important; }/*赤色*/