/*   
Theme Name:hawaii
Theme URI:http://www.sync-g.com
Description:SYNC
Author:SYNC
Author URI:http://www.sync-g.com
Version:1.0
*/

/* ------------------------------------------------------------ */
/* ■共通設定 */
* {margin:0;	padding:0;}
/* 背景設定*/
body {
	background: #ffffff url(images/bodyback.jpg) repeat-x 0px 0px;
	font: 12px/1.55em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #111111;
	letter-spacing: 0.05em;
	text-align: left;
}
/* リンクカラー*/
a {color:#0066ff; text-decoration: none;}
a:link {color:#0066ff; text-decoration: none;}
a:visited {color:#0066ff; text-decoration: none;}
a:hover {color:#cc3333; text-decoration: none;}
a:active {color:#cc3333; text-decoration: none;}
/* 画像*/
a img { border:none; }
/* HR線 */
hr {border: 0;	height: 1px;	border-top: 1px solid #cccccc;}
.clear{border: 0; margin:0; padding:0; clear:both;	height: 1px; border-top: 1px solid #ffffff;} 
/* 強制行間 */
.space {margin-top: 0.7em;}
.space2 {margin-top: 1.5em;}
/* ソース*/
code {font-family:"courier new", courier, monotype;}
/* ソーシャル*/
.bm {
padding: 3px 10px 0px 10px;	margin:0px 7px 9px 0px;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}
/* ラッパー*/
#overwrapper{width: 980px;margin:0 auto;background: #ffffff; height: auto;}
#wrapper{}
/* ------------------------------------------------------------ */
/*■ヘッダー部全体*/
#header{width: 980px; height: auto;	text-align: left;}
/*キャッチコピー*/
.hpart1{width: 529px;	float:left; }
/*グローバルメニュー*/
.hpart2{	
	width: 451px;
	float:right;
	text-align: right;
	padding-top:5px;
	color:#666666;	
}
/*H1タイトル*/
.h1title{
	color: #555555;
	font-size: 11px;
	width: 980px;
	height:19px;
	font-weight:normal;
	text-align: right;
	letter-spacing: 0em;
	float:left;
}
/*ロゴ、バナー、検索*/
#hpart2{
	width: 980px;
	float:left;
	margin-top:0px;
}
/*ロゴ*/
.left_1{float:left;}
/*バナー*/
.left_2{
	width: 470px;
	float:left;
	text-align: center;
}
/*検索フォーム*/
.right_1{
	width: 210px;
	float:right;
	text-align: right;
	padding-top:25px;
}
.form {	margin: 0px 0px 15px 5px;}
.rightform input {	background: #999999;	font-weight:bold;	color:#ffffff;	border: 1px solid #666666;	margin: 0px 2px 0px 3px;	padding:0px;}
/*メインメニュー*/
#headmenu{
	background: url(images/bodyback.jpg) repeat-x 0px -104px;
	width: 980px;
	float:left;
	margin: 0px;
	padding: 0px;
}
/*メニューBOX */
#headmenu ul {
	float: left;
	margin: 3px 0px;
	padding: 0px;
	letter-spacing: 0.075em;
}
/* リストの項目インライン指定*/
#headmenu ul li {display: inline;}
/*メニューボタンリンク 通常*/
#headmenu ul li a {
	overflow: hidden;
	background: url(images/menuback.jpg) repeat-x 0px 1px;
	color: #ffffff;
	text-decoration: none;
	padding: 9px 20px 8px 20px ;
	font-weight: normal;
	float: left;
}
/*メニューボタン ホバー*/
#headmenu ul li a:hover {background: url(images/menuback.jpg) repeat-x 0px -38px;}
/* パンくず機能*/
.bc {width: 980px;font-size:11px;padding-top:8px;float:left;text-align: right;
}

/* ------------------------------------------------------------ */
/* ■フッター部分(footer.php) */
/*  float用フッター BOX*/
div#infooter {clear: both; padding-bottom:5px;}
/*  フッター BOX*/
div#footer {
	background: url(images/footerback.jpg) repeat-x 0px 0px;
	padding:10px 0px 0px;
	margin-bottom:5px;
	color:#ffffff;
}
div#footer a {color:#ffffff; text-decoration: none;}
div#footer a:link {color:#ffffff; text-decoration: none;}
div#footer a:visited {color:#ffffff; text-decoration: none;}
div#footer a:hover {color:#990000; text-decoration: none;}
div#footer a:active {color:#990000; text-decoration: none;}
#footnav{
	font: 11px/1.35em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	height: auto;
}
#footnavdo{
	font: 11px/1.35em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:5px 0px 5px 0px;
	text-align: center;
	height: auto;
}
.copyright{font: 11px/1.35em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 7px 0px 0px 0px;text-align: center;}
/* ---------------------------------------------------- */
/* ■サイドバー部分(sidebar.php) */
/* サイドBOX全体*/
div#sidebar {
	width:305px;
	float:right;
	font-size: 12px;
	margin-top: 5px;
}
/* サイドリスト全体*/
div#sidebar ul {padding:0px 10px 0px 0px;}
/* サイドリスト内側 デフォルト設定*/
div#sidebar li, div#sidebar li li {	list-style:none; line-height:1.75em;}
/*Ｈ２タイトル*/
.sh2{
	background: url(images/titleback.jpg) repeat-x 0px 0px;
	font-size:12px;	
	padding: 4px 0px 4px 12px;	
	color: #ffffff;	
}
/*画像やバナー*/
.sbanner{padding: 0px 0px 5px 0px;}
/*タグ*/
div#sidebar .stag{
	border: 1px solid #0F3E18;
	margin:0px 0px 15px 0px;
}
div#sidebar .stag p{
	margin:10px;
	line-height:1.85em;
	list-style:none;
	font-weight:bold;
}
/*バナー型メニュー*/
div#sidebar .sbmenu{
	border-bottom: 1px solid #0F3E18;
	margin:0px 0px 8px 0px;
	}
div#sidebar .sbmenu h3{	font-size:14px;	}
div#sidebar .sbmenu img{
	float:left;
	margin:0 7px 0 0;
	}
div#sidebar .sbmenu p{	margin:0 0 10px 0;}
/*リスト型メニュー*/
div#sidebar .slist{
	border: 1px solid #0F3E18;	
	margin:0px 0px 15px 0px;
}
div#sidebar .slist ul{padding:5px 0px 5px 0px;}
div#sidebar .slist ul li{
	background: url(images/li_title.jpg) no-repeat 6px 2px;
	padding:0px 5px 0px 20px;
	line-height:1.05em;
	margin:8px 0px 8px 0px;
}
/*フリーテキストボックス*/
div#sidebar .stinfo{border: 1px solid #0F3E18;	margin:0px 0px 15px 0px;}
div#sidebar .stinfo p{
	font-size:12px;
	line-height:1.25em;
	padding: 10px;
}

.int{
background-color:#FFE1B5;
}
/* ---------------------------------------------------- */
/* ■コンテンツボックス */
div#content {width:660px;	float:left;}   
div#innerbox {margin:5px 0px 0px 0px;	padding:0px 0px 10px 10px;	}
/* 段落*/
div#content p {	margin: 10px;	padding: 0px;	letter-spacing: 0.08em;}
/* ナビゲーション */
p.navigation {text-align:center;}
/*リスト共通 */
#content #innerbox ul{	list-style: none;	margin: 2px 0px 2px 10px;}
/*リスト項目 */
#content #innerbox li{
background: url(images/li_title.jpg) no-repeat 0px 5px;
line-height:1.3em;
padding:0px 10px 0px 12px;
margin:8px 0px 8px 0px;
}
/*リスト入れ子項目 */
#content #innerbox li li{}

/* ---------------------------------------------------- */
/* ■記事(single.php,index.php) */
/* 記事の日時、カテゴリー等 */
dl {color: #333333;	font-size:12px;	margin: 1px 2px 0px 8px;text-align:right;}
dl.metadata dt{	display:inline;	border-left:1px solid #ccc;	padding-left:0.6em;	margin-left:0.8em;}
dl.metadata dd {display:inline;}
/* 次のページ、前のページ*/
#content #innerbox .navi_page {	width:100%; text-align:center;	font-size: 0.9em; float:left;	margin: 5px auto;}
/* Q&Aリスト */
.qaamenu {
	font-size:14px;	letter-spacing: 0.1em;	font-weight:normal;	line-height: 110%;
	background: #ffffff;	color: #999999;
	text-align:left;
	padding: 6px 6px 3px 6px;	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #2C356B;}
.qaamenu a { background: #eeeeee;text-decoration: none;
	padding: 8px 8px 3px 8px;	margin: 0px 8px 15px 8px;
	border-top: 1px solid #2C356B;	border-left: 1px solid #2C356B;	border-right: 1px solid #2C356B;}
.qaamenu a:link { background: #eeeeee;text-decoration: none;}
.qaamenu a:visited { background: #eeeeee;text-decoration: none;}
.qaamenu a:hover {background: #FFC1B3;color:#990000; text-decoration: none;}
.qaamenu a:active {background: #FFC1B3;color:#990000; text-decoration: none;}
.qaamenufo {
	background: #ffffff;
	color: #999999;
	text-align:left;
	font-size:14px;
	letter-spacing: 0.1em;
	font-weight:normal;
	line-height: 110%;
	padding: 5px 6px 6px 6px;
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #2C356B;}
.qaamenufo a { background: #eeeeee;text-decoration: none;
	padding: 5px 8px 5px 8px;	margin: 0px 8px 15px 8px;
	border-bottom: 1px solid #2C356B;	border-left: 1px solid #2C356B;	border-right: 1px solid #2C356B;}
.qaamenufo a:link { background: #eeeeee;text-decoration: none;}
.qaamenufo a:visited { background: #eeeeee;text-decoration: none;}
.qaamenufo a:hover {background: #FFC1B3;color:#990000; text-decoration: none;}
.qaamenufo a:active {background: #FFC1B3;color:#990000; text-decoration: none;}
/* ----------------------- */
/* 記事 BOX */
div.post {
	padding-bottom:3px;	margin: 5px 5px 25px 5px;
	clear:both;	border-bottom: 1px dotted #dddddd;}
/* 記事 H2 */
h2.post2 {
	background: #ffffff url(images/review_r2_c4.jpg) no-repeat -2px 2px;
	color: #333333;
	font-size:22px;
	letter-spacing: 0.01em;
	font-weight:normal;
	line-height: 110%;
	padding: 4px 5px 3px 28px;	margin: 0px 0px 4px 2px;
	border-bottom: 1px dotted #000000;
}
h2.post2 a:hover {background: #FFC1B3;color:#333333; text-decoration: none;}
h2.post2 a:active {background: #FFC1B3;color:#333333; text-decoration: none;}

.more-link img{padding: 8px 0px 0px 0px;}
.more-link img a { background: #ffffff;text-decoration: none;}
.more-link img a:link { background: #ffffff;text-decoration: none;}
.more-link img a:visited {background: #ffffff;text-decoration: none;}
.more-link img a:hover {background: #ffffff; text-decoration: none;}
.more-link img a:active {background: #ffffff; text-decoration: none;}

/* 記事 H3*/
#content #innerbox .post h3{
	font-size: 20px;
	color: #2C356B;
	font-weight: bold;
	padding: 1px 0px 2px 7px;
	margin: 12px 20px 12px 0px;
	border-bottom: 1px dotted #aaaaaa;
}

}

#content #innerbox .post h4{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	padding: 3px 0px 3px 17px;
	margin: 7px 10px 6px 0px;
}

}
#content #innerbox .post h4.int{
	background-color:#cfc;
	font-size: 18px;
	color: #333333;
	white-space:
	font-weight: bold;
	padding: 3px 0px 3px 17px;
	margin: 7px 10px 6px 0px;
}

/* 記事 引用*/
#content #innerbox .post blockquote{
	background: #f5f5f5;
	border: 1px solid #EFEFEF;
	padding: 7px;
	margin: 5px;
}
/* 記事 コンテンツ背景有*/
#content #innerbox .post #pagecon{
	background: #f5f5f5;
	border: 1px solid #EFEFEF;
	padding: 7px;
	margin: 5px;
}
#content #innerbox .post table{}
/* 蛍光ペン*/
.blueback{	background: #C7E9F2;}
.pinkback{	background: #FFD7FF;}
/*ぺージ H2 */
.page2 {
	background: #ffffff;
	color: #333333;
	font-size:28px;
	letter-spacing: 0.02em;
	font-weight:normal;
	line-height: 110%;
	padding: 4px 5px 7px 5px;
	margin: 0px 0px 7px 0px;
	border-bottom: 1px dotted #000000;
}
/* ---------------------------------------------------- */
/* ■トップページ(home.php) */
/* トップページ BOX */
div.pagebox {float: left;}
/*タイトル */
.toptitle h2{background: url(images/titleback.jpg) repeat-x 0px 0px;	font-size:12px;
	padding: 4px 0px 4px 12px;	color: #ffffff;	}
/* 検索コンテンツBOX*/
.top2mareview{
	font-size:14px;	
	background: #FAD4FD;
	width:652px;	margin:0px 0px 15px 0px;	color: #ffffff;	float: left;}
.top2mareview a {color:#ffffff; text-decoration: none;}
.top2mareview a:link {color:#ffffff; text-decoration: none;}
.top2mareview a:visited {color:#ffffff; text-decoration: none;}
.top2mareview a:hover {background: #FFC1B3;color:#990000; text-decoration: none;}
.top2mareview a:active {background: #FFC1B3;color:#990000; text-decoration: none;}
/* 2カラム */
.top2co{
	width:652px;	float: left;}
.t2le{
	width:315px;	border: 1px solid #2C356B;	margin:0px 0px 15px 0px;	float: left;}
.t2ri{
	width:315px;	border: 1px solid #2C356B;	margin:0px 0px 15px 0px;	float: right;}
/* 1カラム */
.top1co{
	border: 1px solid #2C356B;	width:650px;	margin:0px 0px 15px 0px;	float: left;}
/* TOPフォーム */
.formdiv {
	text-align:center;
	margin-bottom: 10px;
	}

#tops{
	margin: 25px 10px 10px 10px;
	font-size:15px;
}
.topform input {
	font-size:15px;
	background: #EC52F7;
	font-weight:bold;
	color:#ffffff;
	border: 1px solid #999999;
	padding: 2px 5px 0px 5px;
	margin: 0px 2px 10px 3px;
	}

/* ---------------------------------------------------- */
/*その他 画像（スマイリーは除外） */
div.post img.wp-smiley {border:none;}
div.post img.floatleft {float:left;	margin:5px;}
/* 記事 その他リスト div.post ul, div.post ul ul, div.post ol, div.post ol ol{} div.post li {} div.post li li {} */
/* テーブル*/
TABLE.oraltable{
	margin: 5px 10px;
	width: 550px;
	border-top: 1px solid #3A3C4B;
	border-bottom:1px solid #3A3C4B;
	border-left: 1px solid #3A3C4B;
	border-collapse: collapse;
}
TABLE.oraltable TH {
	background: #E6E6EA;
	padding: 1px 10px;
	width: 150px;
	border-top: 1px solid #3A3C4B;
	border-bottom:1px solid #3A3C4B;
	border-right: 1px solid #3A3C4B;
	border-collapse: collapse;
}
TABLE.oraltable TD {
	padding: 1px 10px;
	border-top: 1px solid #3A3C4B;
	border-bottom:1px solid #3A3C4B;
	border-right: 1px solid #3A3C4B;
	border-collapse: collapse;
}

TABLE.table1 {
	margin: 10px 0px;
	width: 550px;
	border-top: 1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	border-collapse: collapse;
}
TABLE.table1 TH {
	text-align:left;
	background: #E5C1C3;
	padding: 5px 5px 5px 10px;
	border-bottom: #aaaaaa 1px dotted;
}
TABLE.table1 TD {
	padding: 5px 5px 5px 10px;
	line-height: 200%;
	border-bottom: #aaaaaa 1px dotted;
}

#content #innerbox .catlistindex{

background: #0F3E18;
margin: 0px 0px 15px 0px;
padding: 10px 0px 0px 10px;
float: left;
	}

#content #innerbox .catlistindex ul{
list-style-type: none;
padding: 0px;
line-height: 100%;
}
#content #innerbox .catlistindex li{
background: #0F3E18 ;
list-style:none;
margin: 0px;
padding: 0px;
width:90px;
height:22px;
line-height: 100%;
float: left;
}

.catlistindex a {color:#ffffff; text-decoration: none;}
.catlistindex a:link {color:#ffffff; text-decoration: none;}
.catlistindex a:visited {color:#ffffff; text-decoration: none;}
.catlistindex a:hover {background: #FFC1B3;color:#990000; text-decoration: none;}
.catlistindex a:active {background: #FFC1B3;color:#990000; text-decoration: none;}



/* -------------float: left;
--------------------------------------- */
/* ■■コメント＆トラックバック(comments.php)■■ */
/* コメントBOX */
div#comments{
	margin: 20px 0px 0px;
	padding: 5px 15px 10px;
	font-size: 12px;
}
/* コメントBOX TITLE */
div#comments .respond{
	color: #2C356B;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #aaaaaa;
}
div#comments .respond2{
	background: url(images/review_r2_c2.jpg) no-repeat 0px 4px;
	color: #2C356B;
	font-size: 15px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 32px;
	border-bottom: 1px dotted #aaaaaa;
}
/* コメント SUBTITLE */
 .restitle{
	font-size: 14px;
	color: #2C356B;
	font-weight: bold;
	padding: 1px 0px 2px 7px;
	margin: 12px 20px 6px 0px;
}
/* TRACKBACK URL BOX */
input#trackbackurl {
	background:#ffffff;
	width:98%;
	font-size:11px;
	margin-bottom:1.2em;
	border: 1px solid #f1f1f1;
}
/* COMMENT BOX list*/
ol#commentlist {
	margin:0 0 20px;
	font-size:12px;
	padding: 0px;
}
/* COMMENT BOX*/
div#comments ol#commentlist .commentcontent{
	background:#f3f3f3;
	display:block;
	list-style:none;
	margin-bottom:1em;
	padding:5px;
	border: 1px solid #E8E8E8;
	height: auto;
}
/* COMMENT BOX DLtag date,username*/
div#comments ol#commentlist li .metadata {
	margin: 5px 10px 0px 10px;
	padding:0px 0px 0px 5px;
	border-top: 1px solid #E8E8E8;
}
div#comments ol#commentlist .metadata dt{
	font-size:10px;
	margin-left: 5px;
	padding:0px;
	display:inline;
}
div#comments ol#commentlist .metadata dd {
	font-size:10px;
	margin: 0px;
	padding:0px 5px 0px 0px;
	display:inline;
	border-right:1px solid #ccc;
}
div#comments ol#commentlist .metadata dd.last {
	font-size:10px;
	border-right:none;
}
/* COMMENT 入力ラベル*/
form#commentform label {
	font-weight:bold;
	width:75px;
	float:left;
}
form#commentform p {
	clear:both;
	margin-bottom: 12px;
}
form#commentform sub {
	display:block;
	padding-top:2px;
	padding-left: 145px;
}
/* COMMENT 名前などの入力フォーム*/
input#PAGETOPuthor, input#email, input#url {
	width:35%;
	border:1px solid #ccc;
	padding:1px 3px;
}
/* COMMENT 名前などのテキスト入力フォーム*/
textarea {
	font-size:1em;
	border:1px solid #ccc;
	width:90%;
}
p.submitbutton {text-align:center;}
/* COMMENT サブミットボタン*/
p.submitbutton input {
	padding:4px 1em;
	font-weight:bold;
	color:#ffffff;
	border: 1px solid #666666;
}
/* Mac IE 文字化け回避対策 */
input, select, textarea {font-family:"ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;}
