/*
Theme Name: M-glam
Theme URI: http://m-glam.net/
Description: M-glam オリジナルテーマ
Version: 2.1
Author: ホシナカズキ
Author URI: http://m-glam.net/
Tags: white
*/

/* =================================== */
/* All Settings */
/* =================================== */

* {
	margin: 0;
	padding: 0;
	}

html {
	margin: 0;
	padding: 0;
	}

body {
	font-family: "Lucida Grande", "Verdana", "ヒラギノ角ゴ Pro W3", "Meiryo", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	line-height: 1.6em;
	background: #ffffff;
	color: #333333;
	}

img {
	border: none;
	}
	
textarea {
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	}

#wrapper {
	margin: 30px 0 0 0;
	padding: 0;
	}

.clr {
	clear: both;
	}

/* =================================== */
/* Anchor Settings */
/* =================================== */

a,
a:link,
a:visited,
a:active { color:#cccccc; text-decoration: none; }
a:hover  { color:#ff0066; text-decoration: underline; }

a {
	outline: none;
	}

/* =================================== */
/* header.php Settings */
/* =================================== */

#head_conteiner {
	width: 920px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	}

#logo {
	width: 200px;
	height: 48px;
	float: left;
	}

#logo h1 {
	overflow: hidden;
	width: 200px;
	height: 48px;
	background: #ffffff url(img/header/head_logo.png) no-repeat top left;
	}

#logo h1 a {
	display: block;
	width: 200px;
	height: 48px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
	
#head_nav {
	float: right;
	}

#head_nav ul li {
	width: 100px;
	height: 48px;
	list-style-type: none;
	float: left;
	}

#head_nav ul li a {
	display: block;
	width: 100px;
	height: 48px;
	text-indent: -9999px;
	}

.nav_about a {
	background: #ffffff url(img/header/about.png) no-repeat top left;
	}

.nav_about a:hover {
	background: #ffffff url(img/header/about_h.png) no-repeat top left;
	}

.nav_info a {
	background: #ffffff url(img/header/info.png) no-repeat top left;
	}

.nav_info a:hover {
	background: #ffffff url(img/header/info_h.png) no-repeat top left;
	}

.nav_serv a {
	background: #ffffff url(img/header/serv.png) no-repeat top left;
	}

.nav_serv a:hover {
	background: #ffffff url(img/header/serv_h.png) no-repeat top left;
	}

.nav_portfolio a {
	background: #ffffff url(img/header/portfolio.png) no-repeat top left;
	}

.nav_portfolio a:hover {
	background: #ffffff url(img/header/portfolio_h.png) no-repeat top left;
	}

.nav_contact a {
	background: #ffffff url(img/header/contact.png) no-repeat top left;
	}

.nav_contact a:hover {
	background: #ffffff url(img/header/contact_h.png) no-repeat top left;
	}

/* =================================== */
/* index.php Settings */
/* =================================== */

#visual_conteiner {
	width: 100%;
	height: 275px;
	padding: 30px 0 0 0;
	background: #000000 url(img/feature_bg.png) no-repeat top center;
	}

#visual_conteiner_inner {
	width: 918px;
	height:238px;
	margin: 0 auto;
	border: #ffffff 1px solid;
	}

#visual_shadow {
	width: 920px;
	height:40px;
	margin: 0 auto;
	background: url(img/index/slider_shadow.png) no-repeat top center;
	}

#mdl_conteiner {
	width: 100%;
	margin: 0;
	padding: 30px 0 0 0;
	background: #ffffff url(img/page_top_line.png) repeat-x top left;
	}

#mdl_bottom_shadow {
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
	background: #ffffff url(img/page_bottom_line) repeat-x bottom left;
	}

#mdl_conteiner_inner {
	width: 920px;
	margin: 0 auto;
	}

#mdl_conteiner_left {
	width: 620px;
	margin: 0;
	float: left;
	}

#mdl_conteiner_right {
	width: 300px;
	height: 320px;
	margin: 0;
	float: right;
	}

#mdl_position_left {
	width: 300px;
	margin: 0 10px 0 0;
	font-size: 12px;
	float: left;
	}

#mdl_position_right {
	width: 300px;
	margin: 0 10px 0 0;
	float: right;
	}

.ttl_serv {
	width: 250px;
	height: 48px;
	background: #ffffff url(img/index/ttl_service_menu.png) no-repeat top left;
	text-indent: -9999px;
	}

.ttl_fbp {
	width: 250px;
	height: 48px;
	background: #ffffff url(img/index/ttl_fbpages.png) no-repeat top left;
	text-indent: -9999px;
	}

.s_ttl_mb a {
	display: block;
	width: 300px;
	height: 64px;
	margin: 0 0 8px 0;
	background: #ffffff url(img/index/s_ttl_mb_inte.png) no-repeat top left;
	text-indent: -9999px;
	}

.s_ttl_web a {
	display: block;
	width: 300px;
	height: 64px;
	margin: 0 0 8px 0;
	background: #ffffff url(img/index/s_ttl_web_inte.png) no-repeat top left;
	text-indent: -9999px;
	}

/* Facebook Likebox border erase */

.fb_likebox {
    line-height: 0;
    width: 300px;
    height: 255px;
    overflow: hidden;
    position: relative;
}

.fb_likebox iframe{
    position: relative;
    left: -1px;
    top: -1px;
}

/* =================================== */
/* footer.php Settings */
/* =================================== */

#footer_conteiner {
	width: 100%;
	margin: 0;
	padding: 10px 0 15px 0;
	font-size: 12px;
	color: #ffffff;
	background: #000000 url(img/footer.png) no-repeat top center;
	}

#footer_conteiner_inner {
	width: 920px;
	margin: 0 auto;
	}

#footer_inner_left {
	width: 330px;
	margin: 0 10px 0 0;
	float: left;
	}

#footer_inner_right {
	width: 580px;
	float: right;
	}

#footer_conteiner_left {
	width: 180px;
	margin: 0 10px 0 0;
	float: left;
	}

#footer_conteiner_left img {
	border: 1px #ffffff solid;
	}
	
#footer_conteiner_center img {
	border: 1px #ffffff solid;
	}

#footer_conteiner_center {
	width: 180px;
	margin: 0 10px 0 0;
	float: left;
	}

#footer_conteiner_right {
	width: 200px;
	padding: 43px 0 0 0;
	float: right;
	}

#footer_bottom {
	width: 100%;
	margin: 26px 0 0 0;
	border-top: #333333 1px solid;
	}

#footer_bottom ul li {
	margin: 0 10px 0 0;
	list-style-type: none;
	float:left;
	}

#footer_bottom_inner {
	width: 920px;
	height: 20px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	}

#footer_bottom_left {
	width: 460px;
	float: left;
	}

#footer_bottom_right {
	float: right;
	}

.f_ttl_info {
	width: 170px;
	height: 48px;
	background: url(img/footer/f_ttl_info.png) no-repeat top left;
	text-indent: -9999px;
	}

.f_ttl_book {
	width: 170px;
	height: 48px;
	background: url(img/footer/f_ttl_book.png) no-repeat top left;
	text-indent: -9999px;
	}

.f_ttl_work {
	width: 170px;
	height: 48px;
	background: url(img/footer/f_ttl_work.png) no-repeat top left;
	text-indent: -9999px;
	}

.footer_logo {
	width: 200px;
	height: 48px;
	background: url(img/footer/footer_logo.png) no-repeat top left;
	text-indent: -9999px;
	}

.phone_nom {
	width:180px;
	margin: 5px 0 0 0;
	padding: 0 0 0 18px;
	background: url(img/footer/phone_icon.png) no-repeat center left;
	}

.mail_add {
	display: block
	width: 180px;
	margin: 5px 0 0 0;
	padding: 0 0 0 18px;
	background: url(img/footer/mail_icon.png) no-repeat center left;
	}

.copyright {
	width: 400px;
	height: 20px;
	background: url(img/footer/copyright.png) no-repeat top left;
	text-indent: -9999px;
	}

/* =================================== */
/* sidebar.php Settings */
/* =================================== */

#side_conteiner {
	width: 300px;
	background: url(img/sidebar_divider.png) no-repeat top left;
	float: right;
	}

#side_bottom_shadow {
	width: 300px;
	background: url(img/sidebar_divider.png) no-repeat bottom left;
	}

#side_conteiner_inner {
	width: 280px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 20px;
	}

.s_ttl_fbp {
	width: 200px;
	height: 48px;
	background: url(img/sidebar/side_fbpages.png) no-repeat top left;
	text-indent: -9999px;
}

/* Facebook Likebox border erase */

.side_likebox {
    line-height: 0;
    width: 280px;
    height: 255px;
    overflow: hidden;
    position: relative;
}

.side_likebox iframe{
    position: relative;
    left: -1px;
    top: -1px;
}

/* =================================== */
/* single.php category.php page.php Settings */
/* =================================== */

#ttl_conteiner {
	width: 100%;
	height: 90px;
	padding: 40px 0 0 0;
	background: #000000 url(img/feature_bg.png) no-repeat top center;
	}

#ttl_conteiner_inner {
	width: 920px;
	margin: 0 auto;
	}

.head_ttl_info {
	width: 300px;
	height: 38px;
	background: url(img/ttl/info.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_about {
	width: 300px;
	height: 38px;
	background: url(img/ttl/about.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_serv {
	width: 300px;
	height: 38px;
	background: url(img/ttl/service.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_port {
	width: 300px;
	height: 38px;
	background: url(img/ttl/portfolio.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_contact {
	width: 300px;
	height: 38px;
	background: url(img/ttl/contact.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_mb {
	width: 300px;
	height: 38px;
	background: url(img/ttl/mobile.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_web {
	width: 300px;
	height: 38px;
	background: url(img/ttl/website.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_event {
	width: 300px;
	height: 38px;
	background: url(img/ttl/event.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_book {
	width: 300px;
	height: 38px;
	background: url(img/ttl/books.png) no-repeat top left;
	text-indent: -9999px;
	}

.head_ttl_policy {
	width: 300px;
	height: 38px;
	background: url(img/ttl/policy.png) no-repeat top left;
	text-indent: -9999px;
	}

/* =================================== */
/* single.php Settings */
/* =================================== */

#article_conteiner {
	width: 100%;
	margin: 0;
	padding: 30px 0 0 0;
	background: #ffffff url(img/page_top_line.png) repeat-x top center;
	}

#article_bottom_shadow {
	width: 100%;
	margin: 0;
	padding: 0 0 60px 0;
	background: #ffffff url(img/page_bottom_line.png) repeat-x bottom center;
	}

#article_area {
	width: 920px;
	margin: 0 auto;
	}

#article_area_inner {
	width: 590px;
	margin: 0 30px 0 0;
	float: left;
	}

#breadcrumb {
	width: 590px;
	height: 30px;
	padding: 10px 0 0 0;
	border-bottom: #333333 1px dotted;
	}

.entry_head {
	width: 590px;
	margin: 10px 0 0 0;
	}

.datebox {
	width: 40px;
	height: 41px;
	margin: 0 10px 0 0;
	padding: 4px 3px 4px 3px;
	background: #ffffff url(img/date_bg.png) no-repeat top center;
	float: left;
	}

.ym {
	font-size: 8px;
	text-align: center;
	}

.day {
	font-size: 20px;
	margin: -8px 0 0 0;
	text-align: center;
	}

.titlebox {
	width: 530px;
	float: right;
	}

.post_title {
	font-size: 16px;
	padding: 10px 0 0 0;
	}
	
.entry_area {
	width: 590px;
	margin: 15px 0;
	}

.entry_area_inner {
	width: 590px;
	margin: 0 0 15px 0;
	}

.entry_area p {
	margin: 0 0 14px 0;
	}

.socialbutton {
	width: 590px;
	margin: 15px 0 0 0;
	padding: 4px 0 0 0;
	border-top: #333333 1px dotted;
	}
	
.front_ria_link {
	width: 590px;
	padding: 0 0 14px 0;
	}
	
.front_ria_link li {
	list-style: none;
	}

.newer {
	background: #ffffff url(img/newer.png) no-repeat center left;
	padding: 0 0 0 65px;
	}

.older {
	background: #ffffff url(img/older.png) no-repeat center left;
	padding: 0 0 0 65px;
	}

/* =================================== */
/* category.php Settings */
/* =================================== */

#cat_filter {
	width: 590px;
	height: 30px;
	padding: 10px 0 0 0;
	}

#cat_filter ul li {
	margin: 0 10px 0 0;
	list-style-type: none;
	float: left;
	}

/* All */
#cat_filter .port_all {
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_all_h.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .port_all a {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_all.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .port_all a:hover {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_all_h.png) no-repeat top left;
	text-indent: -9999px;
	}

/* Mobile */
#cat_filter .cat-item-4 {
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_mb_h.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-4 a {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_mb.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-4 a:hover {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_mb_h.png) no-repeat top left;
	text-indent: -9999px;
	}

/* Web */
#cat_filter .cat-item-5 {
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_web_h.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-5 a {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_web.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-5 a:hover {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_web_h.png) no-repeat top left;
	text-indent: -9999px;
	}

/* books */
#cat_filter .cat-item-6 {
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_book_h.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-6 a {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_book.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-6 a:hover {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_book_h.png) no-repeat top left;
	text-indent: -9999px;
	}

/* event */
#cat_filter .cat-item-7 {
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_event_h.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-7 a {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_event.png) no-repeat top left;
	text-indent: -9999px;
	}

#cat_filter .cat-item-7 a:hover {
	display: block;
	width: 76px;
	height: 24px;
	background: #ffffff url(img/category/nav_event_h.png) no-repeat top left;
	text-indent: -9999px;
	}

.iconbox {
	width: 40px;
	height: 45px;
	margin: 0 10px 0 0;
	padding: 3px 3px 4px 3px;
	background: #ffffff url(img/cat_port_icon.png) no-repeat top center;
	float: left;
	}

.entry_icatch {
	width: 182px;
	float: left;
	}

.image_shadow {
	width: 170px;
	height: 6px;
	margin: -5px 0 0 0;
	padding: 0;
	background: url(img/image_shadow.png) no-repeat top center;
	}

.entry_icatch img {
	margin: 0 12px 0 0;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #ffffff 1px solid;
	}

.cat_entry_text {
	width: 400px;
	float: right;
	}

#cat_box dl {
	width: 400px;
	}
	
#cat_box dt {
	clear: both;
	float: left;
	width: 120px;
	padding: 0 6px 4px 0;
	font-weight: bold;
	}

#cat_box dd {
	width: 264px;
	padding: 0 0 4px 0;
	float: right;
	}

.more_link {
	text-align: right;
	margin-top: 12px;
	}

.page_nav {
	text-align: center;
	margin: 5px 0 0 0;
	padding: 8px 0 0 0;
	border-top: #333333 1px dotted;
	}

/* =================================== */
/* page.php Settings */
/* =================================== */

#pg_conteiner {
	width: 590px;
	margin: 10px 0 0 0;
	}

#pg_conteiner p {
	margin: 0 0 14px 0;
	}

.pg_ttl_phil {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/about/phil.png) no-repeat top left;
	text-indent: -9999px;
	}

.pg_ttl_detail {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/about/details.png) no-repeat top left;
	text-indent: -9999px;
	}

.pg_ttl_profile {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/about/profile.png) no-repeat top left;
	text-indent: -9999px;
	}

.pg_ttl_mb {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/service/mb_inte.png) no-repeat top left;
	text-indent: -9999px;
	}

.pg_ttl_wb {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/service/wb_inte.png) no-repeat top left;
	text-indent: -9999px;
	}

.pg_ttl_event {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/service/event_pl_cons.png) no-repeat top left;
	text-indent: -9999px;
	}

.pg_ttl_mlform {
	width: 400px;
	height: 48px;
	margin: 10px 0 10px 0;
	background: #ffffff url(img/contact/mailform.png) no-repeat top left;
	text-indent: -9999px;
	}

.myname {
	width: 200px;
	height: 28px;
	margin: 0;
	background: #ffffff url(img/about/myname.png) no-repeat top left;
	text-indent: -9999px;
	}

.job_title {
	width: 315px;
	height: 20px;
	margin: 0 0 8px 0;
	background: #ffffff url(img/about/jobtitle.png) no-repeat top left;
	text-indent: -9999px;
	}

#pg_conteiner dl {
	width: 590px;
	}

#pg_conteiner dt {
	clear: both;
	width: 160px;
	padding: 0 0 3px 0;
	float: left;
	}

#pg_conteiner dd {
	width: 430px;
	padding: 0 0 3px 0;
	float: right;
	}

/* Contact */
.submit_button {
	width: 590px;
	text-align: center;
	}

#image_btn {
	font-size: 0;
	margin: 0;
	border: 0;
	width: 70px;
	height: 40px;
	background: #ffffff url(img/contact/submit.png) no-repeat top center;
	}
	
#image_btn:hover {
	font-size: 0;
	margin: 0;
	border: 0;
	width: 70px;
	height: 40px;
	background: #ffffff url(img/contact/submit_h.png) no-repeat top center;
	}