@charset "utf-8";

/*
Theme Name: 「AmebloBIZ2 A01」 カラー：green
Theme URI: http://cyber-intelligence.jp/
Description: アメブロ・WordPress連動型テンプレート「AmebloBIZ 2.0」の、A01タイプのテンプレート
Version: 1.0
Author: 株式会社サイバーインテリジェンス
Author URI: http://cyber-intelligence.jp/
Tags: simple

	Cyber Intelligence Inc.
	 http://cyber-intelligence.jp/

	This theme was designed and built by Cyber Intelligence Inc.,
	whose blog you will find at http://cyber-intelligence.jp/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* ++++++++++++++++++++++++++++++++++++
デフォルトのスタイルをリセット
++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;}
ul,ol{list-style:none;}

html{
background:#ffffff;
font-size:12px;
*font-size:75%;/*forIE6IE7*/
font-family: "メイリオ","Meiryo", "Osaka", "MS Pゴシック", "MSゴシック",Helvetica, verdana, arial;
color:#333333;
line-height:1.4;
}

/* カレンダー見出し文字 */
#wp-calendar th {
color:#333;
}

img{border:0;}
a:active, a:focus, a:hover {outline: 0;text-decoration: underline;}
a{text-decoration: none;}



/* ++++++++++++++++++++++++++++++++++++
基本レイアウト
++++++++++++++++++++++++++++++++++++ */
.skinFrame2 {
background: url(images/header_bg.jpg) repeat-x 0 0;
background-color: transparent;
}

.skinHeaderFrame {}

.skinHeaderArea {
background:url(images/header.jpg) no-repeat 0 0;
height: 417px;
width: 980px;
margin: 0 auto;
overflow: hidden;
}

.skinContentsArea {
background: transparent;
position: relative;
width: 1080px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 30px;
overflow: visible;
zoom: 1;
}
.skinContentsArea2 {
overflow: hidden;
}

.layoutContentsA{
float: left;
width: 845px;
}
.skinMainArea {
float: right;
width: 570px;
}
.skinSubA {
float: left;
width: 260px;
}
.layoutContentsB{
float: right;
}
.skinSubB {
width: 220px;
}

/* ++++++++++++++++++++++++++++++++++++
ヘッダー
++++++++++++++++++++++++++++++++++++ */
.skinBlogHeadingGroupArea {
padding: 5px 0 0 10px;
}

.skinTitle, .skinTitle:visited, .skinTitle:hover, .skinTitle:focus {
color:#ffffff;
font-weight: bold;
font-size: 12px;
}

/* ★ヘッダーインフォメーション */
.top_info {
position: absolute;
top: -392px;
right: 12px;
}

/* ++++++++++++++++++++++++++++++++++++
ページ送り
++++++++++++++++++++++++++++++++++++ */
.pagingArea {
margin: 16px 0;
float: left;
width: 100%;
}
.pagingArea div a{
display:block;
color: white;
background:#578d08;
border:1px solid #578d08;

padding: 4px 14px 3px;
border-radius: 6px;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.pagingArea div a:hover{
background:#f7f7f7;
color:#578d08;
text-decoration:none;
}
.pagingArea .left{margin-left:10px;}
.pagingArea .right{margin-right:10px;}


/* ++++++++++++++++++++++++++++++++++++
メインカラム
++++++++++++++++++++++++++++++++++++ */
.articleDetailArea {
padding: 10px 0 0;
}
.skinArticleFooter a, 
.articleDetailArea a{color:#578d08;}

.skinArticle{
padding: 0 0 20px;
margin-bottom: 20px;
}

.columnA .skinArticleHeader,
.columnB .skinArticleHeader{
background: url(images/h1_long.jpg) no-repeat 0 0;
}
.columnC .skinArticleHeader,
.columnD .skinArticleHeader,
.columnE .skinArticleHeader{
background: url(images/h1_short.jpg) no-repeat 0 0;
}

.skinArticleHeader h1 {
margin: 0;
padding: 0 15px 0 25px;
border-left: none;
height: 47px;
line-height: 47px;
font-size: 15px;
}

.skinArticleTitle{
font-size: 15px;
font-weight: normal;
color: #333333;
}

.skinArticleBody {
padding: 0;
background: url(images/h1_bg.jpg) repeat-x 0 0;
}
.articleText {
font-size: 15px;
line-height: 1.7;
padding-top: 20px;
}

.post {
margin-bottom: 20px;
}

.skinMainArea h2 {
font-size: 14px;
border-bottom: 2px solid #578d08;
padding: 0 0 0 3px;
margin: 0 0 15px;
color: #333;
}
.skinMainArea h2 a{color:#333333;}


/* ++++++++++++++++++++++++++++++++++++
サイドバー
++++++++++++++++++++++++++++++++++++ */
.skinSubA,
.skinSubB{}
.skinSubA a,
.skinSubB a{
color:#578d08;
text-decoration: none;
}
.skinSubA a:hover,
.skinSubB a:hover{
text-decoration:underline;
}

.skinSubA h3,
.skinSubA .screen-reader-text{
background: url(images/h4_long.jpg) no-repeat 0 0;
}
.skinSubB h3,
.skinSubB .screen-reader-text{
background: url(images/h4_short.jpg) no-repeat 0 0;
}
.skinSubA h3, .skinSubB h3, .screen-reader-text {
padding: 0 15px 0 15px;
height: 47px;
font-size: 14px;
color: #ffffff;
line-height: 48px;
}

.skinSubA ul, .skinSubB ul, .textwidget, .tagcloud, #calendar_wrap, .amebaRSS2 ul {
margin: 0 0 10px;
padding:15px 5px 10px;
background: url(images/h4_bg.jpg) repeat-x 0 0;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.skinSubA ul li,
.skinSubB ul li{
background: url(images/li.jpg) no-repeat 0 5px;
padding: 6px 0 3px 15px;
margin-bottom:3px;
border-bottom: 1px dotted #B3B3B3;
}
.skinSubA ul li ul,
.skinSubB ul li ul{border:0;margin-bottom: 0;background:none;}

/* ++++++++++++++++++++++++++++++++++++
フッター
++++++++++++++++++++++++++++++++++++ */
.skinArticleFooter {
margin: 10px 0 0;
border-top: 1px dotted #949494;
}

/* ++++++++++++++++++++++++++++++++++++
ナビメニュー
++++++++++++++++++++++++++++++++++++ */
.gnavi_wrap {
	position: absolute;
	top:0px;
	left:50px;
	width:980px;
	overflow: hidden;
}
.gnavi_wrap li{float: left;text-align:center;}
.gnavi {position: absolute;top: 0;left: 0;}
.gnavi_wrap li a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	line-height: 63px;
	height: 63px;
	
}
.gnavi_wrap a,
.gnavi_wrap a:hover{
	text-decoration:none;
	color:#ffffff;
	text-shadow: 1px 1px 1px #000000;
	font-weight: bold;
	font-size: 13px;
}

.gnavi_wrap li a{width: 163.3px;}ul.gnavi li.menu1 a{background-image:url(images/menu6_01.jpg);}ul.gnavi li.menu2 a{background-image:url(images/menu6_02.jpg);}ul.gnavi li.menu3 a{background-image:url(images/menu6_03.jpg);}ul.gnavi li.menu4 a{background-image:url(images/menu6_04.jpg);}ul.gnavi li.menu5 a{background-image:url(images/menu6_05.jpg);}ul.gnavi li.menu6 a{background-image:url(images/menu6_06.jpg);}ul.gnavi_bg li.menu1 a{background-image:url(images/menu6_01_hover.jpg);}ul.gnavi_bg li.menu2 a{background-image:url(images/menu6_02_hover.jpg);}ul.gnavi_bg li.menu3 a{background-image:url(images/menu6_03_hover.jpg);}ul.gnavi_bg li.menu4 a{background-image:url(images/menu6_04_hover.jpg);}ul.gnavi_bg li.menu5 a{background-image:url(images/menu6_05_hover.jpg);}ul.gnavi_bg li.menu6 a{background-image:url(images/menu6_06_hover.jpg);}


/* ++++++++++++++++++++++++++++++++++++
カレンダー
++++++++++++++++++++++++++++++++++++ */

#wp-calendar {
border-collapse: collapse;
width: 100%;
text-align:center;
font-size:14px;
line-height: 21px;
}
#wp-calendar th{
border: 1px solid #CCC;
background-color: #EAEAEA;
font-weight:normal;
}

#wp-calendar tbody td {
border: 1px solid #CCC;
background:#ffffff;
}
#wp-calendar tbody td a{
background:#578d08;
color:#ffffff;
display:block;
}
#wp-calendar tbody td a:hover{
text-decoration:none;
background-color:#8ec023;
}

#wp-calendar caption {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
#wp-calendar #prev {
padding-top: 5px;
text-align:left;
}
#wp-calendar #next {
padding-top: 5px;
text-align:right;
}

/* ++++++++++++++++++++++++++++++++++++
サイトマップ
++++++++++++++++++++++++++++++++++++ */
.cyber_sitemap{
margin-top:20px;
line-height: 2;
}
.cyber_sitemap a{
color:#333333;
}
.cyber_sitemap .wrap{
border-bottom:1px dotted black;
margin-bottom: 10px;
padding-bottom: 5px;
}

.cyber_sitemap .first{
border-left:5px solid #578d08;
padding-left:3px;
}
.cyber_sitemap .second{
font-weight:bold;
}

/* ++++++++++++++++++++++++++++++++++++
パンくず
++++++++++++++++++++++++++++++++++++ */
.breadcrumb{
padding-top:5px 0 2px;
}

/* ++++++++++++++++++++++++++++++++++++
コメント欄（フォーム部分）
++++++++++++++++++++++++++++++++++++ */
#comments {
border: 1px solid #CCC;
margin: 15px 0;
padding: 10px;
font-size:12px;
}
#comments h3 {
font-size: 14px;
border-bottom:2px solid #999999;
height: 20px;
line-height: 20px;
padding: 0;
margin: 5px 0 10px;
color: #333;
}
#comments textarea,
#comments input {
display: block;
}
.form-allowed-tags {
background: #F7F7F7;
padding: 10px;
margin: 10px 0;
border-radius: 5px;
}
#comments p {
margin-bottom: 5px;
}
.form-submit input {
padding: 3px 15px;
}
#comments code {
display: block;
line-height: 1;
}
.required {color: red;}

/* ++++++++++++++++++++++++++++++++++++
コメント欄（受信したコメント部分）
++++++++++++++++++++++++++++++++++++ */
#comments ul{
margin-top:10px;
}
#comments li.compost{
border-bottom:1px dotted #cccccc;
margin-bottom:10px;
}
#comments p.cominfo{text-align:right;}

#comments #comfeed a {
padding-left: 17px;
line-height: 1em;
text-decoration: none;
color:#000000;
}
#comments #comfeed{
background-color:#f7f7f7;
padding:8px;
margin-top:30px;
}
#comments #trurl a{
line-height: 1em;
text-decoration: none;
color:#000000;
}
#comments #trurl{
background-color:#f7f7f7;
padding:8px;
}

/* ++++++++++++++++++++++++++++++++++++
記事下のタグ一覧表示エリア
++++++++++++++++++++++++++++++++++++ */
.tag_list a{
padding:0 5px;
}
.tag_list{
background-color:#f7f7f7;
padding:8px;
margin: 10px 0;
font-size: 12px;
}
#comments li ul {
padding-left: 10px;
}

/* ++++++++++++++++++++++++++++++++++++
サイドバー検索フォーム
++++++++++++++++++++++++++++++++++++ */
.screen-reader-text {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
#searchform #searchsubmit {
margin-top: 5px;
padding: 0 10px;
}
#searchform #s {
width: 175px;
}
#searchform {
margin-bottom: 10px;
}

/* ++++++++++++++++++++++++++++++++++++
記事レイアウト用スタイル
++++++++++++++++++++++++++++++++++++ */
.box00,
.box01,
.box02,
.box03,
.box04,
.box05,
.box06{
margin-bottom:30px;
}

.box00,
.box00 div{float:left;}
.columnA .box00 div,
.columnB .box00 div{
width:325px;
margin-right:15px;
}
.columnC .box00 div,
.columnD .box00 div,
.columnE .box00 div{
width:230px;
margin-right:10px;
}


.box01,
.box01 div{float:left;}
.columnA .box01 div,
.columnB .box01 div{
width:215px;
margin-right:10px;
}
.columnC .box01 div,
.columnD .box01 div,
.columnE .box01 div{
width:150px;
margin-right:10px;
}


.box02 img{
float:right;
margin:0 0 5px 10px;
}
.box03 img{
float:left;
margin:0 10px 5px 0;
}

.box04,
.box04 div{
font-size:12px;
float:left;
}
.columnA .box04 div,
.columnB .box04 div{
width:215px;
margin-right:10px;
}
.columnC .box04 div,
.columnD .box04 div,
.columnE .box04 div{
width:150px;
margin-right:10px;
}
.box04 div .photo{margin-bottom:10px;}
.box04 div .button{margin-top:10px;}

.box05{
background: #DDDDDD;
border: 1px solid #CCC;
padding:10px;
}


.box06 table{
width:100%;
border-collapse: collapse;
}
.box06 th,
.box06 td{
border:1px solid #cccccc;
padding:5px 10px;
}
.box06 th{
background:#DDDDDD;
text-align:left;
font-weight: normal;
width:25%;
}


/* ++++++++++++++++++++++++++++++++++++
汎用クラス
++++++++++++++++++++++++++++++++++++ */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.last{margin-right:0 !important;}

.m_btm10{margin-bottom:10px;}

.p_btm30{padding-bottom:30px;}

.arrow{font-weight:bold;color:#578d08;}


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;
}

/* リンク */
 .skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
 color:#0044cc;/*#0066cc*/
 }
 

/* 訪問済のリンク */
 .skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
 color:#0044cc;/*#996699;*/
 }
 

/* マウスオーバーしたときのリンク */
 .skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
 color:#ff0000;/*#ff3366*/
 }

/*　　記事、メッセージボード内リンクのみ強調＋下線　　*/
 

.skinArticleBody a,.skinMessageBoard a{
 font-weight:bold; 
text-decoration:underline; 
}
 

/*　　記事、メッセージボード内リンクのみ強調＋下線（訪問済）　　*/
 

.skinArticleBody a:visited,.skinMessageBoard a:visited{
 font-weight:bold; 
text-decoration:underline; 
}
 

/*　　記事、メッセージボード内リンクのみ強調＋下線（マウスオーバー）　　*/
 

.skinArticleBody a:hover,.skinMessageBoard a:hover{
 font-weight:bold; 
text-decoration:underline; 
}

/*　　マウスオーバーで画像を透過させる　　*/
a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}