@import url(./reset-min.css);
@import url(./menu.css);
@import url(./blog.css);


body {
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: #000000;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}

p {
	margin: 0 0 14px;
}

#top {
}

#top_flash {
	width: 100%;
/*	padding: 10px 0 0;*/
	background: #ffffff url(./images/ground.gif) repeat-x;
	background-position: left bottom;
}

#bana_link {
	margin: 0 0 0 150px;
	text-indent: -9999px;
}

#bana_link .bana1 a {
	width: 220px;
	height: 65px;
	display: block;
	background: url(./images/staffbana_on.jpg) no-repeat;
}

.container_sub {
}

/* サブページのヘッダー */
.container_sub #header {
	width: 100%;
	height: 150px;
	background: url(./images/header-back.gif) repeat-x;
	text-align: center;
}

.container_sub #header .inner {
	width: 900px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

.container_sub #header .inner #logo {
	position: absolute;
	top: 14px;
	left: 24px;
}


#content {
	text-align: center;
}

#content .inner {
	width: 900px;
	margin: 0 auto 0;
	text-align: left;
	position: relative;
}

#content_title {
	float: left;
	margin: 30px 0 0 55px;
}

#content_title a {
	display: block;
}

/* ページタイトル */
#page2 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_2.gif) no-repeat;
}

#page3 #content_title,
#page25 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_3.gif) no-repeat;
}

#page4 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_4.gif) no-repeat;
}

#page5 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_5.gif) no-repeat;
}

#page6 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_6.gif) no-repeat;
}

#page7 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_7.gif) no-repeat;
}

#page11 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_11.gif) no-repeat;
}

#page37 #content_title {
	width: 200px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/title_37.gif) no-repeat;
}

#page_topics #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/topics_info.gif) no-repeat;
}

#blog #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/akai_blog_title.gif) no-repeat;
}

#blog2 #content_title {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/toryo_blog_title.gif) no-repeat;
}

.content_body {
	clear: both;
}



/* 施工事例 */		/* 施工事例ビューアー用CSSはgal/galleriffic-2.css */
#works #content .inner {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#thumbs {
	margin: 70px 0 0;
}

#works_list {
	clear: both;
	float: left;
	margin: 30px 0 0;
}

#works_list .inner {
	text-align: center;
}

#works_list h3{
	font-size: 13px;
}

#works_list ul {
	width: 825px;
	margin: 0 auto;
}

#works_list ul li {
	float: left;
	text-align: center;
	margin: 0 0 20px;
}

#works_list ul li img {
	padding: 0 50px 10px;
}

#works_navi {
	position: absolute;
	top: 470px;
	left: 0;
}

#works_navi ul li {
	display: inline;
	padding: 0 5px 0 0;
}

#works .prev {
	position: absolute;
	top: 240px;
	left: 350px;
	z-index: 1;
}

#works .next {
	position: absolute;
	top: 240px;
	right: 0;
	z-index: 1;
}

/* ここまで施工事例 */

/* コンセプト */
#page2 #content .inner,
#page3 #content .inner,
#page4 #content .inner {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

#concept_text {
	clear: both;
	width: 480px;
	float: left;
	margin: 30px 0 0 60px;
	text-align: left;
}

#concept_list {
	width: 280px;
	float: right;
	margin: 30px 10px 10px 0;
	text-align: left;
}

#concept_list .set {
	clear: both;
}

#concept_list .set .image {
	float: left;
	padding: 0 10px 15px 0;
}

#concept_list .set h3 {
	padding: 5px 0;
}

/* コンセプトスライド */
/* コンセプトビューアー用CSSはgal/galleriffic-2a.css */
#concept #content .inner,
#reform #content .inner,
#museum #content .inner {
	width: 900px;
	margin: 20px auto 0;
	text-align: center;
	position: relative;
}

#concept #thumbs,
#reform #thumbs,
#museum #thumbs {
	display: none;
}

#concept .prev,
#reform .prev,
#museum .prev {
	position: absolute;
	top: 195px;
	left: 100px;
	z-index: 1;
}

#concept .next,
#reform .next,
#museum .next {
	position: absolute;
	top: 195px;
	right: 100px;
	z-index: 1;
}

#content_navi {
/*	position: absolute;
	top: 460px;
	left: 110px;*/
}

/* ここまでコンセプト */

/* 会社概要 */
#page6 #gaiyo {
	clear: both;
	margin: 0 60px;
	padding: 30px 0 0;
}

#page6 #gaiyo dl {

}

#page6 #gaiyo dl dt {
	clear: both;
	float: left;
	width: 120px;
}

#page6 #gaiyo dl dd {
	margin: 0 0 0 120px;
}

/* お問い合わせ */
#contact_form {
	clear: both;
	margin: 0 0 0 60px;
	padding: 30px 0 0;
}

fieldset {
    border: none;
}

legend {
	display: none;
}

#contact_form dl {
}

#contact_form dl dt {
	clear: both;
	float: left;
	width: 120px;
}

#contact_form dl dd {
	margin: 0 0 0 120px;
}

#EmailForm dl dd {
	padding: 0 0 10px;
}

input.text {
	width: 200px;
}

textarea.textarea {
	width: 300px;
}

#EmailForm .ncode {
	clear: both;
	margin: 0 0 0 120px;
}

#EmailForm .ncode img {
	margin: 10px 0;
}

#EmailForm .bt {
	clear: both;
	margin: 10px 0 0 120px;
}


/* 新着情報 */
#topics {
	margin: 30px 0 20px 100px;
}

#topics #topics_ti {
	float: left;
}

#topics #topics_body {
	margin: 0 0 0 80px;
}

#topics ul li {
	color: #000000;
	background: url(./images/recent_bk.gif) no-repeat;
	width: 621px;
	height: 23px;
	display: block;
	margin: 0 0 3px;
	padding: 0 10px 0 20px;
	position: relative;
}

#topics ul li a {
	color: #000000;
}

#topics .tri {
	position: absolute;
	top: 5px;
	right: 5px;
}

#page_topics .content_body {
	clear: both;
	padding: 30px 60px 0;
}

#page_topics .content_body a {
	color: #f89c00;
}


#page_topics .content_body .p_title {
	margin: 0 0 10px;
}

.page8 h3.p_title {
	display: none;
}

/* ここまで新着情報 */



/* 新着情報詳細 */

#page_topics #content .post {
	width: 520px;
	margin: 0 15px 0 110px;
	color: #000000;
	background: #ffffff url(images/post_bk_lo2.gif) no-repeat;
	background-position: left bottom;
}

#page_topics #content .post h2.ti a,
#page_topics #content .post .postmetadata a {
	color: #000000;
}

#page_topics #content .post .entry a {
	color: #f89c00;
}

#page_topics #content .post .inner {
	width: 460px;
	margin: 0;
	padding: 20px 30px;
	background: url(images/post_bk_up2.gif) no-repeat;
	background-position: left top;
}

#page_topics .post .inner h2.ti {
	font-size: 16px;
	font-weight: bold;
/*	float: left;*/
	margin: 0 20px 10px 0;
}

#page_topics .post .inner span.date {
	font-size: 16px;
/*	margin: 0 0 10px;*/
	display: block;
	text-align: right;
}

#page_topics #content .entry {
	clear: both;
}


/* ここまで新着情報詳細 */

/* 新着情報詳細(サイドバー) */
#page_topics .widget_recent_entries h2.widgettitle {
	background: url(images/recent_info.gif) no-repeat;
	width: 118px;
}
/* ここまで新着情報詳細 */

/* お知らせ・日記 */
#page_topics h3.pagetitle {
	margin: 0 0 0 110px;
}

#page_topics .post h3.ti a {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

#page_topics #left_col ul li {
	margin: 0 0 20px;
}

#page_topics #left_col .pagenavi {
	margin: 0 0 0 110px;
}

#akai_info_content #topics dl dt {
 width: 130px;
 float: left;
 clear: both;
}

#akai_info_content #topics dl dd {
 mmargin: 0 0 0 130px;
}

.middle {
	margin-top:16px;
	color: #666666;
	letter-spacing: 0.05em;
}

#top_left,
#top_center,
#top_right {
	float: left;
}

#top_left {
	margin-left: 16px;
}

#top_center,
#top_right {
	margin-left: 32px;
}

#top_left dl {
	width: 452px;
	list-style: none;
	margin: 8px 12px;
}

#top_left dl a {
	color: #ff0000;
	text-decoration:none;
}

#top_left dl dt {
	width: 66px;
	float: left;
	clear: both;
	padding: 0 0 0 12px;
	background: url(images/tri.gif) no-repeat;
	background-position: center left;
	text-align: right;
}

#top_left dl dd {
	margin: 0 0 0 82px;
}

.whatsnew {
	background-color: #ffffff;
	border-radius: 4px;				/* CSS3*/  	
	-webkit-border-radius: 4px;		/* Safari,Google Chrome*/  	
	-moz-border-radius: 4px;		/*Firefox*/
}

.whatsnew .date{	
	color: #666;
}

.akaiontwitter {
	text-decoration:none;
	border-top: 2px #000000 dotted;
	font-size:0.9em;
	margin:0px 8px 8px;
	padding:8px 0 12px;
}

.akaiontwitterimg {
	float: left;
}

.akaiontwittertext {
	height: 24px;
	line-height: 24px;
}

.akaiontwitter a:hover {
	text-decoration:underline;
	color: #ff0000;
}

.teamakai{
	margin-top:16px;
	float:left;
}

.akaifb {
	margin-top:16px;
	float:right;
	padding-right:2px;
}

.akai, .toryo {
	height: 270px;
}

.akai, .toryo {
	width:208px;
/*	background-color: #000000;*/
	border-radius: 4px;				/* CSS3*/  
	-webkit-border-radius: 4px;		/* Safari,Google Chrome*/  
	-moz-border-radius: 4px;		/*Firefox*/
	border: 1px solid #ffffff;
}

.akai a, .toryo a, .akaiontwitter a {
	color: #ff0000;
/*	text-decoration:none;*/
}

.akai ul li, .toryo ul li {
	list-style-type:circle;
	list-style-image:none;
	list-style-position: inside;
	margin: 0 8px ;
	padding: 4px 0 0 8px;
	background-color: #ffffff;
}

.blogtitle1{	
	text-decoration:none;
	border-bottom: 2px #000000 dotted;
	font-size:1.2em;
	margin:0px 8px ;
	padding:8px 0 0;
}

.blogtitle1 a{
	color: #666;
	text-decoration:none;
}

.blogtitle2 {
	text-decoration:none;
	font-size:1.2em;
	margin:0px 8px ;
	padding:8px 0 0 ;
	color: #ffffff;
}

.blogtitle2 a{
	color: #ffffff;
	text-decoration:none;
}

.blogtitle1 a:hover, .blogtitle2 a:hover {
	color: #ff0000;
	text-decoration:none;
}

.blogtitle2 {
	color: #ffffff;
	background-image: url(images/logo_blogtitle_bg.gif);
	background-repeat: no-repeat;
	background-position: 150px -4px;
}

.socialmedia {
	text-decoration:none;
	font-size:0.9em;
	margin:8px 8px 0;
	padding:8px 0 0;
	color: #ffffff;
	text-align:right;
}

.socialmedia img {
	padding:0 4px ;
	margin:0;
}

.socialmedia-inn {
	position: relative;
	letter-spacing: 0;
}

.socialmedia .texton {
	position: absolute;
	top: 0;
	left: 0px;
	height: 24px;
	line-height: 24px;
	color: #ffffff;
	text-align:right;
}

.socialmedia .imgon {
	position: absolute;
	top: 0;
	right: 0;
}

#top_center .socialmedia .texton,
#top_right .socialmedia .texton {
	width: 120px;
}

#top_center .socialmedia .imgon,
#top_right .socialmedia .imgon {
	width: 72px;
}
/* ここまでお知らせ・日記 */



/* チームあかい紹介 */
.team_staff {
	margin: 0 70px;
}

.team_staff .thumbscontainer {
	width: 760px;
}

.team_staff .thumbscontainer ul.thumbs li {
}

#caution {
	margin: 30px 0 20px 180px;
}

#caption a {
	color: #f89c00;
}


/* あかいのネイル工房 */
#page37 .content_body {
	padding: 30px 40px 0 60px;
	clear: both;
	}



/* フッター */
#top #footer {
	margin: 80px 0 0 50px;
}

#footer {
	clear: both;
	width: 900px;
	margin: 50px auto 0;
	position: relative;

}

.footer {
	background: url(./images/footer.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 55px;
	width: 576px;
	height: 16px;
	display: block;
}

.footer h2,
.footer span.ad,
.footer .tel,
.footer .fax {
	display: none;
}

.mail {
	background: url(./images/em.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 636px;
	width: 183px;
	height: 16px;
	display: block;
	text-indent: -9999px;
}

.imgright {
	float: right;
}

.none {
	display: none;
}

.clear {
	clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}