@charset "UTF-8";
/*
Theme Name: Secret of 8
Theme URI: http://www.secretof8.com/
Description: シークレットエイトオリジナルスタイルシート
Author: Secret of 8
Author URI: http://www.secretof8.com/
*/

/* ///スタイルシートメニュー/// */
/* 要素リセット */
/* コンテナ全体を囲む */
/* 基本スタイル */
/* ヘッダーを囲む */
/* グローバルメニューを囲む */
/* コンテンツを囲む */
/* メインコンテンツを囲む */
/* ネイル */
/* ヘア */
/* アクセス */
/* ブログ */
/* サブコンテンツを囲む */
/* ネイルサブコンテンツ */
/* ヘアサブコンテンツ */
/* アクセスサブコンテンツ */
/* ブログサブコンテンツ */
/* サイト表紙 home */
/* NotFound */
/*フッターを囲む*/
/* ///スタイルシートメニュー/// */

/* 要素リセット */
body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
img,
table,th,td,
dl,dt,dd,
form {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	}

ul {
	list-style: none;
	}

img {
	margin: 0px;
	padding: 0px;
   	vertical-align: bottom;
	border: 0px;
	}

address {
	font-style: normal;
	font-size: 80%;
	line-height: 120%;
	}
/* 要素リセット */

/* 基本スタイル */
body {
	margin: 0;
	padding: 0;
	background-color: #220101;
	text-align: center;
	font-size: 90%;
	line-height: normal;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}

h1 {
	margin: 0;
	padding: 0;
	}

h2 {
	margin: 0;
	padding: 0;
	}

p {
	color:#333;
	margin: 0;
	padding: 0;
	line-height: 160%;
	}

a {
	text-decoration: none;
	color: #333;
	}
	
ul,li,dl,dt,dd {
	color: #333;
	}
	
a:hover {
	text-decoration: underline;
	}
/* 基本スタイル */

/* コンテナ全体を囲む */
div#container {
	width: 960px;
	text-align: center;
	margin: 20px auto;
	padding: 0;
	background-color: #FFF;
	background: url(images/container_bg.gif) repeat-y ;
	}

/* ヘッダーを囲む */
div#container #header {
	position: relative;
	text-align: left;
	width: 960px;
	height: 140px;
	margin: 0px auto 0px auto;
	padding: 0;
	background: url(images/container_top.gif) top no-repeat;
	}

div#container #header #HeaderImage {
	position: absolute;
	left: 30px;
	top: 30px;
	margin: 0;
	padding: 0;
	}
	
div#container #header img {
	margin: 0;
	padding: 0;
	}

div#container #header #HeaderMessage {
	position: absolute;
	left: 730px;
	top: 40px;
	color: #333;
	width: 200px;
	font-size: 110%;
	font-weight: bolder;
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* ヘッダーを囲む */

/* グローバルメニューを囲む */
div#container #menu {
	background: url("./images/menu.gif") no-repeat;
	width: 902px;
	height: 34px;
	margin: 0 auto;
	padding: 0;
	}

div#container #menu span {
	display: none;
	}

div#container #menu li, #menu a {
	height: 34px;
	display: block;
	}

div#container #menu li {
	float: left;
	list-style: none;
	display: inline;
	}
	div#container #menu-01,
	div#container #menu-02,
	div#container #menu-04,
	div#container #menu-06 {
	width: 150px;
	}

div#container #menu-01 a:hover {
	background: url("./images/menu.gif") 0px -34px no-repeat;
	}

div#container #menu-02 a:hover {
	background: url("./images/menu.gif") -150px -34px no-repeat;
	}

div#container #menu-04 a:hover {
	background: url("./images/menu.gif") -300px -34px no-repeat;
	}

div#container #menu-06 a:hover {
	background: url("./images/menu.gif") -450px -34px no-repeat;
	}
/* グローバルメニューを囲む */

/* コンテンツを囲む */
div#container #content {
	width: 902px;
	text-align: center;
	margin: 0px auto;
	padding: 0;
	background-color: #FFF;
	}

/* メインコンテンツを囲む */
div#container #content #message {
	width: 900px;
	text-align: left;
	margin: 30px auto 0px auto;
	padding: 0;
	}

div#container #content #message #main {
	float: left;
	width: 500px;
	text-align: left;
	margin: 0px 0px 0px 50px;
	padding: 0;
	display: inline;
	}

div#container #content #message #main h2 {
	font-size: 120%;
	border-left: 5px solid #00CCCC;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 5px;
	}

div#container #content #message #main h3,h4 {
	font-size: 100%;
	margin: 20px 0px 0px 5px;
	padding: 0;
	}

div#container #content #message #main img {
	margin: 10px 0px 10px 0px;
	padding: 0;
	}

div#container #content #message #main p {
	font-size: 100%;
	line-height: 160%;
	margin: 0px 0px 10px 5px;
	padding: 0;
	}

/* ネイル */
div#container #content #message #main #NailContent {
	font-size: 90%;
	}

div#container #content #message #main #NailContent #NailMenu {
	background: url("./images/nail_menu.gif") no-repeat;
	width: 319px;
	height: 34px;
	margin: 0 0 0 20px;
	padding: 0;
	}

div#container #content #message #main #NailContent  span {
	display: none;
	}

div#container #content #message #main #NailContent #NailMenu li,
div#container #content #message #main #NailContent #NailMenu a {
	height: 34px;
	display: block;
	}

div#container #content #message #main #NailContent #NailMenu li {
	float: left;
	list-style: none;
	display: inline;
	}

div#container #content #message #main #NailContent #NailMenu-01 {
	width: 94px;
	}

div#container #content #message #main #NailContent #NailMenu-02 {
	width: 110px;
	}

div#container #content #message #main #NailContent #NailMenu-03 {
	width: 108px;
	}

div#container #content #message #main #NailContent #NailMenu-01 a:hover {
	background: url("./images/nail_menu.gif") 0px -34px no-repeat;
	}

div#container #content #message #main #NailContent #NailMenu-02 a:hover {
	background: url("./images/nail_menu.gif") -94px -34px no-repeat;
	}

div#container #content #message #main #NailContent #NailMenu-03 a:hover {
	background: url("./images/nail_menu.gif") -204px -34px no-repeat;
	}

div#container #content #message #main #NailContent {
	width: 450px;
	margin: 40px 0 0px 20px;
	padding: 0px;
	}

div#container #content #message #main #NailContent h2 {
	border-left: 5px solid #FF1493;
	}

div#container #content #message #main #NailContent h3 {
	font-size: 100%;
	color: #FF1493;
	border-bottom: 1px solid #FF1493;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	}

div#container #content #message #main #NailContent h4 {
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
	}

div#container #content #message #main #NailContent dl {
	margin: 30px 0 20px 0;
	width: 430px;
	}

div#container #content #message #main #NailContent dl dt {
	width:330px;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;
	text-indent: 10px;
	}
	
div#container #content #message #main #NailContent dl dd {
	margin: 0 0 0 330px;
	padding: 5px 10px;
	}

div#container #content #message #main #NailContent dd {
	text-align: right;
	}

div#container #content #message #main #NailContent .option {
	margin: 0 0 0 30px;
	}

div#container #content #message #main #NailContent dl.solo {
	margin: 30px 0 10px 0;
	}

div#container #content #message #main #NailContent .option dl {
	margin: 0 0 20px 0;;
	width: 400px;
	}

div#container #content #message #main #NailContent .option dl dt {
	width: 250px;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;
	text-indent: 10px;
	}
	
div#container #content #message #main #NailContent .option dl dd {
	margin: 0 0 0 250px;
	padding: 5px 10px;
	}

div#container #content #message #main #NailContent .option dd {
	text-align: right;
	}

div#container #content #message #main #NailContent ul {
	margin: 0  0 10px 20px;
	}

div#container #content #message #main #NailContent li {
	margin: 0;
	}

div#container #content #message #main #NailContent .GoTop {
	font-size: 90%;
	display: block;
	width: 450px;
	text-align: right;
	margin: 20px 0 20px 0;
	padding: 0;
	}

div#container #content #message #main #NailForm {
	font-size: 90%;
	width: 480px;
	text-align: left;
	margin: 10px 0 20px 10px;
	padding: 0;
	}

div#container #content #message #main #NailForm h2 {
	border-left: solid 5px #ff1493;
	}

div#container #content #message #main #NailForm .wpcf7 {
	margin: 30px 0 10px 0;
	padding: 0;
	}

div#container #content #message #main #NailForm .attention {
	font-size: 90%;
	}

div#container #content #message #main #NailForm span {
	display: inline;
	}

div#container #content #message #main #NailForm dl {
	margin: 0;
	padding: 0;
	}

div#container #content #message #main #NailForm dt {
	margin: 0;
	padding: 0;
	}

div#container #content #message #main #NailForm dd {
	margin: 0px 0px 10px 0px;
	padding: 0;
	}

div#container #content #message #main #NailForm h3 {
	margin: 20px 0px 0px 0px;
	padding: 0;
	}

div#container #content #message #main #NailForm p {
	margin: 0;
	padding: 0;
	}
/* ネイル */

/* ヘア */
div#container #content #message #main #HairContent {
	font-size: 90%;
	}

div#container #content #message #main #HairContent dl {
	margin: 10px 0 20px 0;
	width: 430px;
	}

div#container #content #message #main #HairContent dl dt {
	width:330px;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;
	text-indent: 10px;
	}
	
div#container #content #message #main #HairContent dl dd {
	margin: 0 0 0 330px;
	padding: 5px 10px;
	}

div#container #content #message #main #HairContent dd {
	text-align: right;
	}

div#container #content #message #main #HairContent p.note {
	width: 430px;
	text-align: right;
	font-size: 90%;
	margin: 0;
	padding; 0;
	}

div#container #content #message #main #NailContent p.note {
	width: 430px;
	text-align: right;
	font-size: 90%;
	margin: 0;
	padding; 0;
	}
/* ヘア */

/* アクセス */
div#container #content #message #main #access h2 {
	border-left: 5px solid #9acd32;
	font-size: 100%;
	}

div#container #content #message #main #access p {
	font-size: 90%;
	}

div#container #content #message #main #access #AccessHair h3,
div#container #content #message #main #access #AccessNail h3 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	}

div#container #content #message #main #access #AccessHair {
	margin: 10px 0 10px 0;
	padding: 20px;
	}

div#container #content #message #main #access #AccessNail {
	margin: 10px 0 10px 0;
	padding: 20px;
	}

div#container #content #message #main #access #AccessHair span,
div#container #content #message #main #access #AccessNail span {
	display: inline;
	}

div#container #content #message #main #access .rounded_AccessHair {
	border: 3px solid #999;
	background-color: #FFF;
	}

div#container #content #message #main #access .rounded_AccessNail {
	border: 3px solid #999;
	background-color: #FFF;
	}

div#container #content #message #main #access dl {
	margin: 10px 0 10px 0;
	}

div#container #content #message #main #access dl dt {
	width: 80px;
	float: left;
	clear: both;
	margin: 0;
	padding: 2px 5px;
	text-indent: 10px;
	}
	
div#container #content #message #main #access dl dd {
	margin: 0 0 0 80px;
	width: 300px;
	padding: 2px 10px;
	}

div#container #content #message #main #access dd {
	text-align: left;
	}
/* アクセス */

/* ブログ */
div#container #content #message #main .post h2 {
	color: #9acd32;
	font-weight: bolder;
	border: none;
	}

div#container #content #message #main .post h2 a {
	font-weight: bolder;
	color: #9acd32;
	}

div#container #content #message #main .post .BlogDate {
	width: 480px;
	font-size: 80%;
	text-align: right;
	margin: 0px 0px 30px 0px;
	}

div#container #content #message #main .post .EntryFooter {
	font-size: 80%;
	text-align: right;
	margin: 30px 0px 30px 0px;
	}

div#container #content #message #main .post .EntryFooter span {
	display: inline;
	}

div#container #content #message #main #comments p.tb {
	font-size: 80%;
	width: 460px;
	margin: 10px 0px 20px 20px;
	padding: 5px;
	background-color: #F0F0F0;
	}

div#container #content #message #main #comments .nocomments {
	color: #F00;
	font-size: 80%;
	width: 460px;
	margin: 10px 0px 20px 20px;
	padding: 5px;
	}

div#container #content #message #main #comments ul  {
	font-size: 80%;
	width: 460px;
	margin: 0px 0px 20px 10px;
	padding: 5px;
	}

div#container #content #message #main #comments .comment {
	width: 460px;
	margin: 10px 0px 20px 0px;
	padding: 5px;
	background-color: #F0F0F0;
	}

div#container #content #message #main #comments .comment .comment-meta {
	text-align: right;
	width: 460px;
	margin: 0px 0px 20px 0px;
	padding: 0;
	}

div#container #content #message #main #comments #send  {
	width: 460px;
	margin: 0;
	padding: 0;
	}

div#container #content #message #main #comments #send ul  {
	font-size: 80%;
	width: 460px;
	margin: 0px 0px 20px 10px;
	padding: 5px;
	}

div#container #content #message #main #comments #send li  {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	}

div#container #content #message #main #comments #send p  {
	font-size: 80%;
	width: 460px;
	margin: 10px 0px 20px 20px;
	padding: 0;
	}
/* ブログ */
/*メインコンテンツを囲む*/

/* サブコンテンツを囲む */
div#container #content #message #sub {
	float: right;
	width: 300px;
	font-size: 80%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}

div#container #content #message #sub h2,h3 {
	font-size: 100%;
	margin: 5px 0px 5px 10px;
	padding: 0;
	}

div#container #content #message #sub ul {
	margin: 5px 0px 5px 10px;
	padding: 0;
	}

div#container #content #message #sub p {
	margin: 0;
	padding: 0;
	}

div#container #content #message #sub .rounded_profile {
	border: 1px solid #666;
	}

div#container #content #message #sub .campaign {
	margin: 5px auto;
	padding: 0;
	width: 290px;
	}

div#container #content #message #sub .campaign p {
	width: 80%;
	text-align: center;
	margin: 5px auto 5px auto;
	padding: 0;
	}

div#container #content #message #sub .rounded_campaign0 {
	border: 3px solid #fc9a9c;
	background-color: #FFF;
	}

div#container #content #message #sub .rounded_campaign1 {
	border: 3px solid #fcce9c;
	background-color: #FFF;
	}

/* ネイルサブコンテンツ */

div#container #content #message #sub #NailProfile ul {
	margin: 0px 0px 20px 10px;
	padding: 0;
	}

div#container #content #message #sub #NailProfile dl {
	margin: 5px;
	border-right: 1px solid #a8d6db;
	border-bottom: 1px solid #a8d6db;
	border-left: 1px solid #a8d6db;
	}

div#container #content #message #sub #NailProfile dl dt {
	width: 60px;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;
	text-indent: 10px;
	border-top: 1px solid #a8d6db;
	}

div#container #content #message #sub #NailProfile dl dd {
	margin: 0 0 0 60px;
	padding: 5px 10px;
	border-top: 1px solid #a8d6db;
	border-left: 1px solid #a8d6db;
	background-color: #FFF;
	}
/* ネイルサブコンテンツ */

/* ヘアサブコンテンツ */
div#container #content #message #sub #HairProfileBox {
	margin: 10px auto;;
	padding: 0;
	border: 1px solid #999;
	}

div#container #content #message #sub #HairProfile {
	float: left;
	margin: 0;
	padding: 0;
	}

div#container #content #message #sub#HairProfile h2 {
	margin: 10px 0 10px 10px;
	padding: 0;
	}

div#container #content #message #sub #HairProfileBox #HairProfile ul {
	margin: 0 0 10px 10px;
	padding: 0;
	}

div#container #content #message #sub #HairProfileBox #HairProfileImage {
	float: right;
	}
/* ヘアサブコンテンツ */

/* アクセスサブコンテンツ */
div#container #content #message #sub #GoToGmap {
	display: block;
	width: 280px;
	text-align: right;
	margin: 5px auto 20px auto;
	padding: 0;
	}
/* アクセスサブコンテンツ */

/* ブログサブコンテンツ */
div#container #content #message #sub #calendar a {
	font-weight: bold;
	}

div#container #content #message #sub #calendar a:link {
	color: #9acd32;
	}

div#container #content #message #sub #calendar a:visited {
	color: #000080;
	}

div#container #content #message #sub #calendar a:hover {
	color: #FF0000;
	}

div#container #content #message #sub table {
	width: 220px;
	margin: 0px 0px 20px 0;
	}

div#container #content #message #sub caption {
	font-size: 150%
	}

div#container #content #message #sub #wp-calendar th {
	text-align: center;-
	font-size: 150%
	width: 40px;
	}

div#container #content #message #sub #wp-calendar td {
	text-align: center;
	font-size: 100%
	}

div#container #content #message #sub td#next {
	text-align: right;
	font-size: 150%
	}

div#container #content #message #sub td#prev {
	text-align: left;
	font-size: 150%
	}

div#container #content #message #sub #archives h2 {
	color: #00ced1;
	font-size: 100%;
	font-weight: bolder;
	margin: 0;
	}

div#container #content #message #sub #archives #view {
	display: block;
	margin: 10px 0px 10px 15px;
	padding : 5px;
	}

div#container #content #message #sub #archives #view a {
	padding : 5px;
	background-color: #FEE;
	}

div#container #content #message #sub #archives ul {
	font-size: 100%;
	margin: 5px 0px 15px 15px;
	padding: 0;
	}

div#container #content #message #sub #archives li {
	margin: 3px 0px;
	padding: 0;
	}
/* ブログサブコンテンツ */
/* サブコンテンツを囲む */

/* コンテンツを囲む */

/* サイト表紙 home */
div#container #content #message #HomeMain {
	width: 900px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	}

div#container #content #message #HomeMain img {
	margin: 0;
	padding: 0;
	}

div#container #content #message #HomeMain #ConceptMessage {
	float: left;
	width: 400px;
	text-align: left;
	margin: 0px 50px 0px 50px;
	padding: 0;
	display: inline;
	}

div#container #content #message #HomeMain #ConceptMessage h2 {
	font-size: 120%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 5px;
	}

div#container #content #message #HomeMain #ConceptMessage p {
	font-size: 100%;
	line-height: 160%;
	margin: 0;
	padding: 0;
	}

div#container #content #message #HomeMain #ConceptMessage ul.appeal {
	font-size: 100%;
	line-height: 160%;
	margin: 20px 0px 20px 35px;
	padding: 0;
	}

div#container #content #message #HomeMain #ConceptMessage li.about {
	list-style: disc;
	margin: 5px 0px 0px 5px;
	padding: 0;
	}

div#container #content #message #ConceptMessageSub {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
	display: inline;
	}

div#container #content #message #ConceptMessageSub img {
	margin: 0px 0px 10px 0px;
	padding: 0;
	}
/* サイト表紙 home */

/* NotFound */
div#container #content #message #NotFound {
	width: 800px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	}

div#container #content #message #NotFound h2 {
	font-size: 160%;
	color: #F00;
	margin: 0px 0px 20px 0;
	padding: 0;
	}

div#container #content #message #NotFound ul {
	margin: 20px 0px 20px 10px;
	padding: 0;
	}
/* NotFound */

/*フッターを囲む*/
div#container #footer {
	clear: both;
	height: 30px;
	text-align: center;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #999;
	background: url(images/container_bottom.gif) bottom no-repeat;
	}
	
div#container #content #footer p {
	font-size: 80%;
	margin: 5px; 0px 0px 0px
	padding: 0;
	}
/*フッターを囲む*/
/* コンテナ全体を囲む */

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix { display: inline-block; }

/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* clearfix */

/* DW 対策 */
.clearfix {overflow:hidden;}
/* DW 対策 */