@charset "utf-8";

/*ココスタ　デザインブログ*/

/*3カラム　シンプル - 風景

【1】共通設定
◆1-1　要素初期化
◆1-2　共通クラス
◆2-1　ヘッダ
◆2-2　フッタ

【3】レイアウト
◆3-1　全体枠
◆3-2　コンテンツ
◆3-3　中段
◆3-4　サイド1(2カラム)
◆3-5　サイド左(3カラム)
◆3-6　サイド右(3カラム)
◆3-7　補助枠(3カラム)

【4】コンテンツ内
◆4-0　ブログ本体
◆4-1　記事部分
◆4-2　記事日付
◆4-3　記事タイトル
◆4-4　記事本文
◆4-5　記事追記
◆4-6　記事下部
◆4-7　ページメニュー
◆4-8　ページトップ

【4】コンテンツ内（3カラムオプション）

【5】 フォトログ関連

【6】コメント･TB関連
◆6-1　コメント投稿フォーム
◆6-2　トラックバック一覧
◆6-3　コメント一覧

【7】プラグイン設定
◆7-0　プラグイン共通
◆7-1　カレンダー
◆7-2　RSS
◆7-3　最近の記事
◆7-4　過去記事
◆7-5　カウンター
◆7-6　最近のコメント
◆7-7　最近のトラバ
◆7-8　お気に入り
◆7-9　ブログ内検索
◆7-10　QRコード
◆7-11　読者登録
◆7-12　プロフィール
◆7-13　オーナーメール
◆7-14　インフォメーション
◆7-15　カテゴリ
◆7-16　新規投稿
◆7-17　カスタム1
◆7-18　カスタム2
◆7-19　カスタム3
*/


/*【1】共通設定*/
/*◆1-1　要素初期化*/

*{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, sans-serif;
}
h1,h2,h3,h4,h5,p,ul,ol,dl {
	display:block;
}

/* HTMLタグ設定 */
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#EFEFEF;
	background-image:;
	font-size:14px;
	line-height:1.7;
	color:#333366;
}
/* for IE6 */
* html body{
	min-height:100%;
	font-size:75%;
}
/* ここまで */

/* for IE7 */
*:first-child+html body {
	font-size: 75%;
	line-height:160%;
}
/* ここまで */

img{
	border: none;
}
form{
	margin: 0px;
	padding: 0px;
}
label{
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}
blockquote {
	background-color: #CCC;
	padding: 5px;
	color: #333;
}
/*リンク色*/
a{
	color: #666;
}
a:link{}
a:visited{}
a:active{
}
a:hover{
	color:#62B3D9;
}

/*◆1-2　共通クラス*/
/*◆2-1　ヘッダ*/
#banner a{
	color:#FFF;
	text-decoration: none;
}
#banner a:link{
	text-decoration: none;
}
#banner a:visited{
	text-decoration: none;
}
#banner a:active{
	text-decoration: none;
}
#banner a:hover{
	color:#E2EEF3;
	text-decoration: none;
}
.blogtitle{
	font-size: 200%;
	margin: 0px;
	padding: 20px 10px 5px 20px;
	line-height:1.2;
	text-align: left;
	clear: both;
}

/* ブログ説明文 */
.description{
	font-size: 100%;
	padding: 0 10px 10px 20px;
	text-align: left;
	color: #FFF;
	line-height: 130%;
}

/*◆2-2　フッタ*/

#footer{
	width:860px;
	background-color: #62B3D9;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

/* このページの上へ */
.pagetop{
	font-size: 92%;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* このBlogのトップへ */
.menu{
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: right;
}

/* コピーライト */
#copyright{
	font-size: 92%;
	color: #FFF;
}

/* designed by */
#designed_by{
	font-size: 92%;
	color: #FFF;
}
#designed_by a{
	color: #FFF;
}


/* 【3】レイアウト*/
/* ◆3-1　全体枠*/

#container{
	text-align: left;
	padding: 0px;
	width: 860px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #fff;
	border:1px solid #CCC;
	color: #666;
}

/* ◆3-2　コンテンツ*/

/* ブログタイトル・概要 */
#banner{
	background-color: #62B3D9;
	height: 200px;
	width: 860px;
	margin: 0px;
	overflow: hidden;
	background-image: url(http://www.cocosta.jp/_img/landscape/head.jpg);
}

/* ◆3-3　中段*/
/* メイン */
#main {
	width:860px;
	background-color:#FFF;
}
/* ブログの配置 */
#content{
	width: 440px;
	padding: 10px;
	float: right;
	background-color: #FFF;
}

/* ブログ外枠 */
.blog{
	margin-top: 0px;
	margin-bottom: 15px;
	overflow: hidden;
	width: 440px;
}

/* ◆3-4　サイド1(2カラム)*/


/* ◆3-5　サイド左(3カラム)*/
/* サイド（左サイド） */
#links{
	width: 180px;
	padding: 10px;
	float: left;
}

/* ◆3-6　サイド右(3カラム)*/
/* 右サイド（右サイド） */
#links2{
	width: 180px;
	padding: 10px;
	display: block;
	float: right;
}

/* ◆3-7　補助枠(3カラム)*/
/* ブログ左サイド・中央カバー */
#blog_lm {
 width:660px;
 float:left;
}

/*【4】コンテンツ内*/
/*◆4-0　ブログ本体*/
/*◆4-1　記事部分*/
/* 記事 */
.blogbody{
	overflow: hidden;
}

/*◆4-2　記事日付*/
.date{
	font-size: 92%;
	font-weight:normal;
	color: #666;
	margin-top:3px;
	margin-bottom:3px;
	text-align: right;
	line-height:1.0;
}

/*◆4-3　記事タイトル*/
.title{
	font-size: 134%;
	color: #666;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 3px;
	margin: 0px 0px 10px;
	background-color:;
	border-bottom: 3px solid #CCC;
	vertical-align:top;
	line-height:1.3;
	
}

/*◆4-4　記事本文*/
.main{
	padding: 10px;
	margin: 0px;
	overflow: auto;
	line-height: 150%;
	background:#FFF;
	color: #333366;
}
/* 記事本文内画像 */
.main img{
	margin: 5px;
}

/*◆4-5　記事追記*/
.main-continues{}

/*◆4-6　記事下部*/
.posted{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 5px;
	text-align: right;
	margin-bottom: 35px;
	margin-top: 5px;
	clear: both;
	font-size: 92%;
}


.posted2{
	border-top-width: 1px;
	padding-top: 5px;
	text-align: left;
	margin-top: 5px;
	clear: both;
	font-size: 90%;
}


/*タグ*/
.tag_list{
	text-align:right;
	padding:3px;
	background-color: #E2EEF3;
}
/* タグクラウド */
.tag_cloud {
	margin-bottom: 10px;
}

/*◆4-7　ページメニュー*/

/*リンク色*/
/* 続きを読む */
.acontinues a{}
.acontinues a:link{}
.acontinues a:visited{}
.acontinues a:active{}
.acontinues a:hover{}

/* 次のページ・前のページ */
.amenu a{}
.amenu a:link{}
.amenu a:visited{}
.amenu a:active{}
.amenu a:hover{}

/*◆4-8　ページトップ*/
/*リンク色*/
.aposted a{
}
.aposted a:link{
}
.aposted a:visited{
}
.aposted a:active{
}
.aposted a:hover{
}

a.aposted {
}
a.aposted:link{
}
a.aposted:visited{
}
a.aposted:active{
}
a.aposted:hover{
}

/*【4】コンテンツ内（3カラムオプション）*/

/*【5】 フォトログ関連*/
/* マイアルバム */
.album{
	margin-bottom: 10px;
}
#album_img_flame{}
#album_href{}
#album_img{}
#album_title{}
#album_list{}

/*【6】コメント･TB関連*/
/*◆6-1　コメント投稿フォーム*/
table.form {
	width: 430px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color:#CCC;
	background:#FFF;
	border-collapse:collapse;
}

table.form div.caption{
margin:10px 0;
font-size:92%;
}
table.form th {
	text-align:left;
	padding:8px;
	border:1px solid #FFF;
	color:#666;
	background-color: #62B3D9;
}
table.form th label {
	color:#FFF;
}
table.form td {
	padding:8px;
	border:1px solid #FFF;
	color:#666;
	background:#E2EEF3;
}
table.form td label {
	font-weight:normal;
}
table.form td .comments-body{
	line-height: 150%;
	padding:0;
	background-color:inheit;
}
table.form td.img img {
	margin:10px 0;
}
table.form td input {
	margin:5px 0 0 0;
}
table.form td textarea {
	margin:0 0 5px 0;
}

/* 本文 */
#text{
	width: 300px;
}

/* メールアドレス */
#email{
	width: 300px;
}

/* 名前 */
#author{
	width: 300px;
}

/* URL */
#url{
	width: 300px;
}

/*情報を記憶チェックボックス*/
#bake{}

/*確認せずに書込チェックボックス*/
#savecheck{
	margin-left:10px;
}
/*◆6-2　トラックバック一覧*/
/* この記事へのトラックバック */
.title_s{
	margin: 0px 0px 5px 10px;
}

/* この記事へのトラックバックURL */
.trackback-url{
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px;
	padding:10px;
	border:1px dotted #CCC;
}
.trackback-url h3{
	font-size:100%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height:1.2;
	border:none;
	padding:0;
	color:#666;
}

/* トラックバックURL */
#trackback-text{
	width: 210px;
	color:#666;
}

/* トラックバック本文 */
.trackback-body{
	line-height: 150%;
	border-top:;
	margin: 5px 0 0 0;
	padding: 10px 10px 13px 10px;
	background-color: #E2EEF3;
}

/*トラックバック送信元など*/
.trackback-post{
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 5px 5px 8px 5px;
	font-size: 92%;
	text-align: right;
	border-top: 1px dashed #CCC;
	background-color: #E2EEF3;
}

/*リンク色*/
.atrackback-post a{}
.atrackback-post a:link{}
.atrackback-post a:visited{}
.atrackback-post a:active{}
.atrackback-post a:hover{}

/*◆6-3　コメント一覧*/
/* この記事へのコメント */
.comments-head{
	margin: 30px 0px 15px 0;
	font-weight: bold;
	color:#FFF;
	padding:5px;
	background-color: #62B3D9;
}

/* コメント投稿者日時など*/
.comments-post{
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 5px 5px 8px 5px;
	font-size: 92%;
	text-align: right;
	border-top: 1px dashed #CCC;
	background-color: #E2EEF3;
	}

/* コメント本文 */
.comments-body{
	line-height: 150%;
	border-top:;
	margin: 5px 0 0 0;
	padding: 10px 10px 13px 10px;
	background-color: #E2EEF3;
}


/*【7】プラグイン設定*/
/*◆7-0　プラグイン共通*/
/* サイドブロック */
.side{
	margin-bottom: 15px;
	background-color:#E2EEF3;
	border:;
	border-top:none;
	padding-bottom:10px;
	font-size: 92%;
}

/* リンク色 */
.side a{}
.side a:link{
}
.side a:visited{}
.side a:hover{
}

.aside a{}
.aside a:link{}
.aside a:visited{}
.aside a:hover{}


/* サイドタイトル */
.sidetitle{
	background-color:#62B3D9;
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 1px;
	font-weight: bold;
	color: #FFF;
}

/*リンク色*/
.title a{
	text-decoration: none;
}
.title a:link{
	text-decoration: none;
}
.title a:visited{
	text-decoration: none;
}
.title a:active{
	text-decoration: none;
}
.title a:hover{
	text-decoration: none;
}

/* サイド本文 */
.sidebody{
	padding: 5px 5px 0 5px;
	font-size: 90%;
	color:#666;

}

/*◆7-1　カレンダー*/
/* 大枠 */
.calender{
	text-align: center;
	margin-bottom: 10px;
}
/* 上部年月日表示 */
.calendarhead{
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 100%;
}
/* 枠 */
table.calendartable{
	width:180px;
}
.calendartable{
	border: 1px solid #FFF;
	border-collapse:collapse;
	margin-right: auto;
	margin-left: auto;
	background-color:#E2EEF3;
	color:#666;
	font-size: 92%;
}
.calendartable th{
	border: 1px solid #FFF;
	border-collapse:collapse;
	background:#62B3D9;
	color:#FFF;
}
.calendartable th.sat,
.calendartable th.sun{
	color:#E2EEF3;
}
.calendartable td{
	border: 1px solid #FFF;
}
/* 曜日枠 */
.calendarwd{
	background-color: #666;
	padding: 5px;
}
/* 曜日 */
.calendarweek{}
/* 日付枠 */
.calendard{
	text-align: center;
	border: 1px solid #666;
}
/* 日曜日 */
.sun{
	color:#62B3D9;
}
/* 土曜日 */
.sat{
	color:#62B3D9;
}
/* 今日 */
.today{
	font-weight: bold;
}

/*リンク色*/
.calendar a{
	text-decoration: underline;
}
.calendar a:link{}
.calendar a:visited{}
.calendar a:active{}
.calendar a:hover{}

/* 日曜日 */
.sun a{
	color:#62B3D9;
}
/* 土曜日 */
.sat a{
	color:#62B3D9;
}

.calendarhead a{
	color:#999;
	text-decoration: none;
}
.calendarhead a:hover{
	color:#62B3D9;
}

/*◆7-2　RSS*/
.rss a:link{}
.rss a:visited{}
.rss a:hover{}
.rss a:active{}
.rss {
	border:1px dotted #CCC;
	margin-bottom:10px;
	padding:5px;
}
ul.rss{
	text-align: center;
	font-size:85%;
	padding:5px;
	border:none;
	margin-bottom:0;
}
ul.rss li{
	display: inline;
	margin-left: 10px;
	font-weight: bold;
}
ul.rss li a{
	color:#FFF;
	text-decoration:none;
	padding:5px;
	background:#62B3D9;
}
ul.rss li a:hover{
	color:#62B3D9;
	background:#E2EEF3;
}

.rss .rssMemo{
	font-size:92%;
	margin-top:5px;
}

/*◆7-3　最近の記事*/
.recententry {}

/*◆7-4　過去記事*/
.archives {}

/*◆7-5　カウンター*/
.counter {
	margin-bottom: 10px;
}

/*◆7-6　最近のコメント*/
.comment {
}
.comment .sidebody{
	padding-bottom:3px;
	margin-bottom:0;
}
.comment .side{
	padding-bottom:10px;
}

/*◆7-7　最近のトラバ*/
.trackback {}

/*◆7-8　お気に入り*/
.link  {
	margin-bottom: 10px;
}

/*◆7-9　ブログ内検索*/
.search {
	margin-bottom: 10px;
}

/*◆7-10　QRコード*/
.qrcode {
	margin-bottom: 10px;
}
.qrcode .side {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/*◆7-11　読者登録*/
.subscription {
	margin-bottom: 10px;
}
.subscription form {
	text-align:center;
}
.subscription form .button {
	margin-top:5px;
}
.subscription form .text {
	width:100px;
}

/*◆7-12　プロフィール*/
.profile {
	margin-bottom: 10px;
}
.nickname{
	font-weight: bold;
	word-spacing: 0.2em;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.photo{
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.message{
	line-height: 120%;
	margin: 5px;
}

/*◆7-13　オーナーメール*/
.inquiry{}

/*◆7-14　インフォメーション*/
.ad{
	font-size: 100%;
	margin-bottom:10px;
}
.ad .side{
	padding:5px 5px 15px 5px;
}
.ad .sidebody{
	font-size: 100%;
}
.ad .side a{
	line-height:1.6;
}

/*◆7-15　カテゴリ*/
.category {
	margin-bottom: 10px;
}

/*◆7-16　新規投稿*/
.blog_entry form{
	text-align:center;
	margin-bottom:5px;
}
.blog_entry hr{
margin-bottom:5px;
}

/*◆7-17　カスタム1*/
.custom1 {
	margin-bottom: 10px;
}

/*◆7-18　カスタム2*/
.custom2 {
	margin-bottom: 10px;
}

/*◆7-19　カスタム3*/
.custom3 {
	margin-bottom: 10px;
}

 
 @charset "euc-jp";


/*clear START ----------------------------------------------*/

.clear {
	clear:both;
	content: " ";
	height: 0;
	display: block;
	visibility: hidden;
	font-size:0;
	line-height:0;
}

.clr:after {
	content:  " ";
	display: block;
	clear: both;
	height: 0;
}
.clr {
	display: inline-block;
	position:relative;
}
.clr {
	display: block;
}
/* MacIE用 \*//*/
.clr { overflow: hidden; }
/* */
/*clear END ----------------------------------------------*/