/*------------------------------------------------------------
■ブラウザ ― CSSリセット
-------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,address,ul,li,dl,dt,dd,table,caption,th,td,img{
border:0;
font-style:normal;
font-weight:400;
font-size:100%;
text-align:left;
list-style-type:none;
margin:0;
padding:0
}
textarea{font-size:100%}
img{vertical-align:bottom}
hr{display:none}
fieldset,img,abbr{border:0;}

/*------------------------------------------------------------
■ベースの設定
-------------------------------------------------------------*/
html{height:100%}
body{
height:100%;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:14px;
background:#eee;
color:#555;
}
a{color:#2ca9e1; text-decoration:none}
a:hover{color:#a0d8ef}
a:active,a:focus{outline:0}
.clear{clear:both}
blockquote{
background:#eee none repeat scroll 0% 50%;
border-left:5px solid #ccc;
margin:10px;
padding:10px
}

/*------------------------------------------------------------
■全体レイアウトの設定
-------------------------------------------------------------*/
#wrapper{
	width:970px;
	margin:0 auto;
	background:url("http://livedoor.blogimg.jp/fujiyama_aoi/imgs/7/d/7df980f8.png") repeat-y center top;
}
#container{
	width:950px;
	background:#fff;
	color:#333;
	margin:0 auto;
}

/*------------------------------------------------------------
■ヘッダー
-------------------------------------------------------------*/
#header{background:#fff;}
#header a{color:#555;}
#head{
	margin:0 auto;
	width:950px;
}
#top{
	height:30px;
	background:#e9d635;
	color:#fff;
}
#top .t-head{
	float:left;
	padding-top:5px;
	font-size:12px;
	margin:0 0 0 20px;
}
#top .t-head a,#top li a,#top .submenu a{color:#fff;}
#top ul{
	margin:0 0 0 20px;
	font-size:12px;
}
#top li{
	float:left;
	margin:0 5px 0 0;
	padding-top:5px;
}
#top .submenu{
	margin-right:10px;
	padding-top:6px;
	text-align:right;
	font-size:.8em;
	color:#fff;
}
#top .submenu a:hover{text-decoration:underline;}
#head2{
	position:relative;
	display:block;
    width:950px;
	height:110px;
}

/* 728x90広告 & お知らせスペース */
#top_area{
	width:910px;
	margin:10px auto;
}
#top_banner{
	display:block;
	float:left;
	margin-right:10px;
}
#top_text{
	display:block;
	float:right;
	width:172px;
}
#top_text h3{
	font-size:9pt;
	font-weight:700;
	line-height:1.3em;
	border-bottom:1px solid #ccc;
	margin-bottom:4px;
	color:#ff0000;
}
#top_text ul li{
	padding:0 0 0 17px;
	background: url("http://livedoor.blogimg.jp/d_plus/imgs/e/3/e3268c76.png") no-repeat 0 2px;
	line-height:1.3em;
	display:block;
	font-size:12px;
}
#top_text a{
	color:#444;
	line-height:11px;
	font-weight:700;
}
#top_text a:hover{
	color: #ff0084;
	text-decoration:none;
}

/*------------------------------------------------------------
■トップナビゲーション
-------------------------------------------------------------*/
#nav{
	width:950px;
	background:url("http://livedoor.blogimg.jp/fujiyama_aoi/imgs/5/0/50ec4df3.png") no-repeat;
}
#nav ul{
	width:930px;
	height:35px;
	margin:0 10px;
}
#nav li{
	float:left;
	width:155px;
	text-align:center;
}
#nav a{
	color:#fff;
	font-size:.9em;
	font-weight:700;
	display:block;
	width:155px;
	line-height:35px;
	background:url("http://livedoor.blogimg.jp/fujiyama_aoi/imgs/1/4/14fcb2e2.png") no-repeat;
}
#nav a:hover{color:#fff; background-position:0 -35px;}

/*------------------------------------------------------------
■コンテンツの設定
-------------------------------------------------------------*/
#contents{
	float:left;
	width:505px;
	margin:15px 20px 30px;
}
#contents .contents_body{margin:0 0 15px;}
#contents h2{
	margin:0 0 15px;
	padding:8px 15px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:8px solid #7c4b04;
	background:#f1f1f1;
	color:#000;
	font:700 1.3em 'arial', sans-serif;
}
#contents h2 a{color:#000;}
#contents h3{
	margin:60px 25px 20px 0;
	padding:12px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font:700 1.3em 'arial', sans-serif;
}
#contents h4{
	margin:45px 25px 20px 0;
	padding:5px 10px;
	border-bottom:1px solid #999;
	border-left:5px solid #7c4b04;
	color:#2ca9e1;
	font:700 1em 'arial', sans-serif;
}
#contents img.middle{vertical-align:middle;}
#contents blockquote{
	border-left:5px solid #cfcfcf;
	margin:15px 30px 15pt 10px;
	padding:5px 10px 5px 20px;
	background:#efefef;
}
#contents .main li,#contents .mainmore li{
	list-style-type:none;
	display:block;
	margin:1px 0;
	padding-left:15px;
	background:url("http://livedoor.blogimg.jp/fujiyama_aoi/imgs/d/d/dd820efd.png") no-repeat 0 4px;
}
.related-articles li a{
	text-decoration:none;
	list-style-type:none;
}
.related-articles li a:hover{
	color:#ff0084;
	text-decoration:none;
}

/* 記事フッター */
#contents ul.information li.calendar {
	background:url("http://livedoor.2.blogimg.jp/it_create/imgs/4/b/4bce73d4.png") no-repeat;
}
#contents ul.information li.category {
	background:url("http://livedoor.blogimg.jp/fujiyama_aoi/imgs/7/8/780df5d1.png") no-repeat;
}
#contents ul.information li.comment {
	background:url("http://livedoor.2.blogimg.jp/it_create/imgs/9/e/9e207085.png") no-repeat;
}
#contents ul.information li.trackback {
	background:url("http://livedoor.2.blogimg.jp/it_create/imgs/c/f/cf39310f.png") no-repeat;
}
#contents ul.information li.calendar,li.category,li.comment,li.trackback {
	padding-left:19px;
	display:inline;
	margin-right:3px;
	font-size:.8em;
	line-height:normal;
}
#contents ul.information li.calendar a,li.category a,li.comment a,li.trackback a{color:#474747;}
#contents ul.information li.calendar a:hover,li.category a:hover,li.comment a:hover,li.trackback a:hover{color:#ff0084;}
.bookmark{
	margin-top:20px;
	border-top:1px dashed #999;
	line-height:normal;
	text-align:right;
	padding:10px;
}
.taglist{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	line-height:normal;
	font-size:.8em;
	margin:0 0 2px;
	padding:5px 10px;
	background:#f1f1f1;
}
.taglist a:hover {color:#ff0084;}
.related-articles {margin-bottom:40px;}
.related-articles li {
	padding-left:21px;
	list-style-type:none;
	background:url("http://livedoor.blogimg.jp/it_create/imgs/7/d/7db47594.png") no-repeat;
}

/*------------------------------------------------------------
■コメント/トラックバックの設定（個別記事）
-------------------------------------------------------------*/
.comments,.addcommnet,.trackbacks{
	color:#fff;
	font-weight:700;
	border-left:3px solid #777;
	border-bottom:3px solid #777;
	padding-left:12px;
	line-height:36px;
	height:36px;
	margin:30px 0 20px;
	background:#aaa;
}

/*------------------------------------------------------------
■ページナビゲーションの設定
-------------------------------------------------------------*/
.pager{margin:40px auto 0;}
.pager{margin:0 auto;}
.index-navigator{
	color:#555;
	line-height:2em;
	text-align:center;
	margin:1em auto;
}
.paging-number a,.paging-next a,.paging-last a,.paging-prev a,.paging-first a,.paging-number .current{
	color:#555;
	border:solid 1px #555;
	text-decoration:none;
	font-size:smaller;
	padding:2px .4em;
}
.paging-number a:hover,.paging-next a:hover,.paging-last a:hover,.paging-prev a:hover,.paging-first a:hover{
	color:#fff;
	background:#555;
}
.paging-number .current{
	color:#fff;
	font-weight:700;
	border-color:#555;
	background:#555;
}

/*------------------------------------------------------------
■サイドバー
-------------------------------------------------------------*/
#firstSide{
	float:right;
	width:250px;
	margin:0 15px 30px 0;
	overflow:hidden;
}
#secondSide{
	float:right;
	width:120px;
	margin:0 20px 30px 0;
	overflow:hidden;
}
.side1 .sidetitle,.side2 .sidetitle{
	margin:20px 0 10px;
	padding:5px 10px;
	border-bottom:1px dashed #111;
	border-left: 5px solid #f0d202;
	color:#333;
	font:700 1.0em 'arial', sans-serif;
}
.side1 p,.side2 p{padding:3px 0;}
.side1 .sidebody a,.side2 .sidebody a{
	display:block;
	padding:3px 0;
	border-bottom:1px dashed #999;
	color:#999;					
	font-size:.9em;
}
.side1 .sidebody a:hover,.side2 .sidebody a:hover{
	border-bottom:1px dashed #555;
	background:#eee;
	color:#555;
}
.side1 .plugin-recent_comments .sidebody a,.side2 plugin-recent_comments .sidebody a{
	padding:3px 0;
	border:0;
	color:#999;					
	font-size:.9em;
}
.side2 ul#ld-services{
	text-align:right;
	margin:20px 10px;
}
.side2 li#ld-reader,li#blog-rss,li#blog-powered{
	list-style:none;
	margin:0;
}
#firstSide .tokushu{
	display:block;
	text-align:left;
	height:40px;
}
#firstSide .tokushu img{
	float:left;
	margin:0 5px;
	display:block;
}
#firstSide .tokushu p{
	font-size:.75em;
	line-height:17px;
	height:17px;
	display:block;
	color:#000;
}
#firstSide .tokushu a{
	color:#32a6d4;
	display:block;
	text-decoration:none;
}
#firstSide .tokushu a:hover{
	display:block;
	color:#E43C15;
	text-decoration:underline;
}

/*------------------------------------------------------------
■フッターの設定
-------------------------------------------------------------*/
#footer{
	clear:both;
	width:100%;
	height:70px;
	margin-top:20px;
	padding:20px 0 0;
	background:#555;
}
#footer p{color:#fff; text-align:center;}
#footer p a{color:#fff}
#footer p a:hover,#footer li a:hover{text-decoration:underline;}


/* クラスタグの設定
使用例： class="xxx" として様々なエフェクトを使うことが出来ます。
xxxにここで設定したクラスタグを入れてください。 */
/*************************************************************
【リンクボタンの設定 2type】aタグに使えます
*************************************************************/
a.button{
	color:#fff;
	font-weight:700;
	font-size:12px;
	padding:4px 10px;
	background:#82ae46
}
a.button:hover{background:#b8d200}
a.button2{
	color:#fff;
	font-weight:700;
	font-size:12px;
	padding:4px 10px;
	background:#32a6d4
}
a.button2:hover{background:#63c4ea}

/**************************************************************
【fontの設定】
**************************************************************/
.text70{font-size:70%}			/* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.b{font-weight:700}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */

/**************************************************************
【colorの設定】
**************************************************************/
.red{color:red}				/* 赤色 */
.blue{color:#2ca9e1}		/* 青色 */
.green{color:#82ae46}		/* 緑色 */
.orange{color:#ff7d00}		/* 橙色 */
.pink{color:#ff0084}		/* ピンク */

/**************************************************************
【background-colorの設定】
**************************************************************/
.bg-yellow{background:#ff0}		/* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}	/* 青色の文字背景 */
.bg-red{background:red}			/* 赤色の文字背景 */

/****************************************************************
【align 配置の設定】
*****************************************************************/
.align1{text-align:center}	/* 中央寄せ */
.align2{text-align:right}	/* 右寄せ */
.align3{text-align:left}	/* 左寄せ */

/****************************************************************
【float 回り込みの設定】
*****************************************************************/
.r-flo{float:right;margin:5px}	/* 右に回り込み */
.l-flo{float:left;margin:5px}	/* 左に回り込み */
.f-clear{clear:both}			/* 回り込みの解除 */

/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg { background:none!important; }
a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}
.ml55{margin-left:55px !important}

.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

/**************************************************************
【paddingの設定】
**************************************************************/
.p0{padding:0 !important}			/* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}		/* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}	/* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}	/* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}		/* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

/*----------------------------------------------------------------
Designed by DesignPlus CO.,LTD. All Rights Reserved.
----------------------------------------------------------------*/
