@charset "utf-8"; 

/*base.css
サイト全体共通 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
2-5 中央(メイン)		.main 
2-6 サイド				.links
2-7 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 アンカーナビ		.jump

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 タグライン			#tagline
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー		#fmenu
8-2 コピーライト		#copy
*/
/*-----------ブログ関連-----------

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

【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

◆7-20　ブランド
◆7-21　サイズ
◆7-22　カラー
*/



/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
}
body {
	margin:0;
	padding:0;
	text-align: center;
}
p , ul , ol , li , dl , dt , dd , address ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color: #898880;
	text-decoration: underline;
}
a:hover , a:active {
	color: #898880;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

/*1-1 汎用セレクタ*/
.clear { clear:both;}


/*1-2 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}
.box {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .box {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .box {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .box {display: inline-table;}
    /**/
  .box:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.title {}



/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	width:900px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: left;
	font-size: 62.5%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*2-2 ヘッダ*/
#top {
	margin:0 0 10px;
}

/*2-3 本文*/
#contents {
	font-size:120%;
	color:#898880;
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #contents {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #contents {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #contents {display: inline-table;}
    /**/
  #contents:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }

/*2-4 補助枠(3カラム)*/
/*.wrap {
	width:590px;
	float:left;
}*/

/*2-5 中央(メイン)*/
.main {
	width:680px;
	float:right;
	/*hide\*/ overflow:hidden; /*for MacIE*/	
}

/*2-6 サイド*/
.links {
	width:200px;
	float:left;
	
}


/*2-7 フッタ*/
#foot {
	border-top:#EAE8E1 solid 1px;
	padding:5px 0 0 0;
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 メインビジュアル*/
#screen {
	margin:0 0 10px;
}

/*3-2 パン屑*/
#pan {	font-size: 1.2em;}
#pan ul {	display: inline;}
#pan li {
	display:inline;
	padding:0 0 0 15px;
	white-space:normal;
}
#pan li li {	margin:0 0 0 10px;}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-4 アンカーナビ*/
.jump {
	text-align:right;
}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
	width:140px;
	height:50px;
	position:absolute;
	top:2.5em;
	left:0;
	overflow:hidden;
}

/*4-2 タグライン*/
#tagline {
	color:#999999;
	margin:0.5em 0 4.0em;
}

/*4-3 トップメニュー*/
#tmenu {
	text-align: right;
}

/*4-4 グローバルナビ*/
#gnavi {
	width:900px;
	height:30px;
	background:url(http://www.makusta.jp/_img/consshop/bg_gnavi.jpg) no-repeat 0 0;
}
#gnavi ul {
	margin-left:367px;
}
#gnavi li {
	float:left;
}
#gnavi li a {
	display:block;
	width:100px;
	height:30px;
	background-image:url(http://www.makusta.jp/_img/consshop/bg_gnavi.jpg);
	background-repeat:no-repeat;
}
#gnavi li .bir {
	height:30px;
}
#gnavi .li1 a {width:84px;}
#gnavi .li2 a {width:103px;}
#gnavi .li3 a {width:122px;}
#gnavi .li4 a {width:108px;}
#gnavi .li5 a {width:116px;}

/*通常時*/
#gnavi li a:link ,
#gnavi li a:visited {
	text-decoration: none;
}
#gnavi .li1 a:link,
#gnavi .li1 a:visited {
	background-position:-367px -30px;
}
#gnavi .li2 a:link,
#gnavi .li2 a:visited {
	background-position:-451px 0;
}
#gnavi .li3 a:link,
#gnavi .li3 a:visited {
	background-position:-554px 0;
}
#gnavi .li4 a:link,
#gnavi .li4 a:visited {
	background-position:-676px 0;
}
#gnavi .li5 a:link,
#gnavi .li5 a:visited {
	background-position:-784px 0;
}

/*マウスオーバー時*/
#gnavi .li1 a:hover,
#gnavi .li1 a:active {
	background-position:-367px -30px;
}
#gnavi .li2 a:hover,
#gnavi .li2 a:active {
	background-position:-451px -30px;
}
#gnavi .li3 a:hover,
#gnavi .li3 a:active {
	background-position:-554px -30px;
}
#gnavi .li4 a:hover,
#gnavi .li4 a:active {
	background-position:-676px -30px;
}
#gnavi .li5 a:hover,
#gnavi .li5 a:active {
	background-position:-784px -30px;
}

/*表示点灯*/
.buy #gnavi .li1 a:link,
.buy #gnavi .li1 a:visited {
	background-position:-367px 0;
}
.buy #gnavi .li1 a:hover,
.buy #gnavi .li1 a:active {
	background-position:-367px -30px;
}
.buy #gnavi .li2 a:link,
.buy #gnavi .li2 a:visited {
	background-position:-451px -30px;
}

.company #gnavi .li1 a:link,
.company #gnavi .li1 a:visited {
	background-position:-367px 0;
}
.company #gnavi .li1 a:hover,
.company #gnavi .li1 a:active {
	background-position:-367px -30px;
}
.company #gnavi .li3 a:link,
.company #gnavi .li3 a:visited {
	background-position:-554px -30px;
}




/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}

/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}

/*7-9 サイドメニュー*/
.side .smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
	#fmenu {}
/*8-2 コピーライト*/
#copy {
	width:900px;
	margin:0 auto;
	padding:0 0 2.0em;
	font-style:normal;
	font-size:75%;
	color:#898880;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align:right;
}


/*-----------------------------------------------ブログ関連--------------------------------------------------*/

/*【4】コンテンツ内*/
/*◆4-0　ブログ本体*/
.blog{
	/*\*/width:700px; /*forMacIE*/
}
.blog a:link,.blog a:visited,
.blog a:hover,.blog a:active { color:#F08300;}

/*◆4-1　記事部分*/
.blogbody{
	margin-top:15px;
	padding:20px 15px 0;
	background:url(http://www.makusta.jp/_img/consshop/bg_blogbody.gif) no-repeat 0 0;
}
/*◆4-2　記事日付*/
.date{}


/*◆4-3　記事タイトル*/
.blogbody .subject{
	font-size:117%;
	color:#f08300;
	font-weight:bold;
	margin:0 0 25px;
}
.blogbody .subject a:link ,.blogbody .subject a:visited {}
.blogbody .subject a:hover ,.blogbody .subject a:active {}


/*◆4-4　記事本文*/
.article{
	width:630px;
	margin:0 10px;
	overflow:auto;
	overflow-y:hidden;
	line-height:135%;
}
.article img{
	margin:0px 5px 5px 5px;
	border:#EAE8E1 solid 1px;
	padding:5px;
}
.article-continues{
}
/*記事本文リンク色*/
.article a:link , .article a:visited {}
.article a:hover , .article a:active {}
/*「続きを読む」リンク色*/
a.acontinues:link , a.acontinues:visited {}
a.acontinues:hover , a.acontinues:active {}
/*◆4-5　記事追記*/
#more {}

/*◆4-6　記事下部*/
.posted{
	font-size:83.4%;
	border-top:#666 dotted 1px;
	padding:3px 0 0 0;
	text-align:right;
	margin:8px 0px 8px 0px;
}
a.aposted{}
a.aposted:link , a.aposted:visited {}
a.aposted:hover , a.aposted:active {}
.menu{
	font-size:83.4%;
	text-align:right;
	margin:0 0 20px;
}
a.amenu {
	margin:0 0 0 15px;
}
.blogentry .menu { margin:30px 0 0 0;}
.blogentry a.amenu { margin:0;} 
/*◆4-7　ページメニュー*/
a.amenu:link , a.amenu:visited {}
a.amenu:hover , a.amenu:active {}
/*◆4-8　ページトップ*/
.pagetop{
	clear:both;	
	font-size:83.4%;
	text-align:right;
	margin:0px 0px 25px 0px;
	padding:10px 0 0 0;
}
/*【5】 フォトログ関連*/
.blog div.photo{
	float:left;
	width:161px;
	height:190px;
	display:inline;
	background:url(http://www.makusta.jp/_img/consshop/bg_photo.gif) no-repeat 0 0;
	margin:0 12px 0px 0;
	text-align:center;
	/* これ以降Mac IE 5のみに適用される \*//*/
	margin:0;
	/* これ以降Mac IE 5以外にも適用される */
}

.blog .photo .acontinues {
	display:block;
	width:139px;
	height:98px;
	border:#EAE8E1 solid 1px;
	text-align:center;
	margin:10px auto;
	/*hide\*/ overflow:hidden; /*for MacIE*/
}
.blog .photo img{
	display:block;
	width:auto;
	height:98px;
	margin:0 auto;
	background:url(http://www.makusta.jp/_img/consshop/noimage.gif) 25% -8px;
	
	/* これ以降Mac IE 5のみに適用される \*//*/
	width:139px;
	/* これ以降Mac IE 5以外にも適用される */
}
.blog .photo .subject{
	display:block;
	width:140px;
	height:38px;
	font-size:83.4%;
	margin: 0 auto;
	/*hide\*/ overflow:hidden; /*for MacIE*/
}

.blogarchive .title {
	background:#EAE8E1 url(http://www.makusta.jp/_img/consshop/bg_archive_title.gif) repeat-x 0 100%;
	padding:8px 0 10px 10px;
	margin:0 0 15px;
}
/*【6】コメント･TB関連*/
/*◆6-1　コメント投稿フォーム*/
table.form {
	margin:25px 0px 0px 13px;
}
.form th {
	vertical-align:top;
	text-align:right;
	font-weight: normal;
}
label{}
#author{
	width:200px;
	border:1px solid #aaa;
}
#email{
	width:200px;
	border:1px solid #aaa;
}
#url{
	width:200px;
	border:1px solid #aaa;
}
#text{ 
	font-size:12px;
	width:300px;
	height:200px;
	border:1px solid #aaa;
}
.form .button {}

/*◆6-2　トラックバック一覧*/
#trackback {
	margin:15px 0 0;
}
.trackback-url{
	color:#691815;
	font-weight:bold;
	margin:15px 0px 25px 0px;
}
.trackback-title{
	color:#000;
	font-weight:bold;
	line-height:150%;
}
.trackback-body{
	line-height:135%;
	margin:20px 0px 15px 0px;
}
.trackback-post{
	text-align:right;
	margin:0px 0px 25px 0px;
	font-size:83.4%;
	border-top:#666 dotted 1px;
	padding:0px 0 0 0;
}
a.atrackback-post:link , 
a.atrackback-post:visited {text-decoration:underline;}
a.atrackback-post:hover , 
a.atrackback-post:active {text-decoration:none;}
/*◆6-3　コメント一覧*/
#comments {
	margin:15px 0 0;
}
.comments-head{
	color:#000;
	font-weight:bold;
	line-height:150%;
}
.comments-body{
	line-height:135%;
	margin:20px 0px 15px 0px;
}
.comments-post{
	color:#666;
	text-align:right;
	font-size:83.4%;
	margin:0px 0px 25px 0px;
	border-top:#666 dotted 1px;
	padding:0px 0 0 0;
}

/*【7】プラグイン設定*/
/*◆7-0　プラグイン共通*/
.sidetitle{
	padding:25px 0 0 0;
	font-size:83.4%;
}
.side{
	line-height:140%;
	margin:0px 0px 10px 0px;
	padding:12px 10px 10px 8px;
}
/*サイドリンク色*/
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}
/*◆7-1　カレンダー*/
.calender{
	font-size:10px;
	background-color:#eae8e1;
	padding:0 0 10px;
	margin:0 0 20px;

}
.calendarhead{
	border-bottom: 1px solid #fff;
	padding:5px 0;
	margin:0 10px 5px;
	color:#F08300;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	font-size:12px;
}
.calendarhead a:link,.calendarhead a:visited,
.calendarhead a:hover,.calendartable a:active {
	color:#F08300;
}

.calendartable{ /*カレンダーテーブル*/
	margin:0px 10px;
	width:180px;
	text-align:center;
	border-spacing:0px;
	empty-cells:show;
	font-size:10px;
	border-spacing:2px;
	color:#898880;
}
* html .calendartable 
{ /*IE6のボーダー間隔を接着*/
	border-collapse: separate;
}
*+html .calendartable 
{ /*IE7のボーダー間隔を接着*/
	border-collapse:separate;
}
.calendarweek{ /*曜日(文字)*/
	color:#898880;
	font-weight: bold;
}
.calendarwd{ /*曜日(セル)*/
	line-height: 130%;
}
.calendard{ /*日付(セル)*/
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height: 130%;
}
.calendartable a:link , .calendartable a:visited{}
 .calendartable a:hover , .calendartable a:active {}
/*
sat {}　土曜セル
sun {}　日曜セル
today {}　今日セル
*/

/*◆7-2　RSS*/
.rss{
	margin:0 0 20px;
}
.rss ul {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}
.rss ul li{
	border-right:#999 1px solid;
	display:inline;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.2px;
	margin-right:0.3em;
	padding-right:0.5em;
	padding-left:0.2em;
}
.rss ul a:link , 
.rss ul a:visited{
	color:#898880;
	text-decoration:none;
}
.rss ul a:hover ,
.rss ul a:active{
	color:#898880;
	text-decoration:none;
}
/*◆7-3　最近の記事*/
.recententry {
	/*background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_recententry.gif) no-repeat 0 0;*/
	display:none;
}
.recententry .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-4　過去記事*/
.archives {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_archives.gif) no-repeat 0 0;
}
.archives .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-5　カウンター*/
.counter {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_counter.gif) no-repeat 0 0;
}

/*◆7-6　最近のコメント*/
.comment {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_comment.gif) no-repeat 0 0;
}
.comment .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-7　最近のトラバ*/
.trackback {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_trackback.gif) no-repeat 0 0;
}
.trackback .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-8　お気に入り*/
.link {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_link.gif) no-repeat 0 0;
}
.link .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-9　ブログ内検索*/
.search {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_keyword.gif) no-repeat 0 0;
}
.search .side {
	padding:12px 0 10px 10px;
}
.search form {
	margin:0;
	padding:0;
}
.search .text {
	width:120px !important;
}
/*◆7-10　QRコード*/
.qrcode {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_mobile.gif) no-repeat 0 0;
}
/*◆7-11　読者登録*/
.subscription {
	/*background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_regist.gif) no-repeat 0 0;*/
	display:none;
}
.subscription .side {
	padding:12px 0 10px;
}
.subscription form {
	margin:0;
	padding:0;
}
/*◆7-12　プロフィール*/
.profile {
	/*background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_profile.gif) no-repeat 0 0;*/
	display:none;
}
.profile .photo{
	text-align:center;
	overflow:hidden;
}
.profile .photo img{
	display:block;
	max-width:150px;
	margin:0 auto;
}
.nickname{
	color:#2b5695;
	font-weight:bold;
	margin:10px 0px;
}
.message{}
/*◆7-13　オーナーメール*/
.inquiry {
	display:none;
}
/*.inquiry form {
	margin:0;
	padding:0;
}*/
/*◆7-14　インフォメーション*/
.ad {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_information.gif) no-repeat 0 0;
}
.ad form {
	margin:0;
	padding:0;
}
/*◆7-15　カテゴリ*/
.category {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_category.gif) no-repeat 0 0;
}
.category .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-16　新規投稿*/
.blog_entry {}

/*◆7-17　マイフレンド*/
.friend {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_myfriend.gif) no-repeat 0 0;
}
/*◆7-18　参加サークル*/
.circle {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_circle.gif) no-repeat 0 0;
}
/*◆7-19　フレンドブログ*/
.friend_blog {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_friendblog.gif) no-repeat 0 0;
}

/*◆7-20　タグクラウド*/
.tag_cloud {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_tagcloud.gif) no-repeat 0 0;
}

/*◆7-21　ブランド*/
.brand {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_brand.gif) no-repeat 0 0;
}
.brand .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-22　サイズ*/
.size {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_size.gif) no-repeat 0 0;
}
.size .sidebody {
	background:url(http://www.makusta.jp/_img/consshop/bg_icon_sidebody.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*◆7-23　カラー*/
.pallet {
	background:url(http://www.makusta.jp/_img/consshop/bg_sidetitle_color.gif) no-repeat 0 0;
}
.pallet .side {
	padding-left:12px;
}
.pallet .side li {
	float:left;
	margin-right:5px;
	padding-bottom:5px;
}
.pallet .side li img {
	display:block;
	width:30px;
	height:30px;
}