@charset "UTF-8";

/* ---------Contents------------



	【 Common 】
		
		0. Common
			├ clearfix
			├ Date
			├ Title
			├ Text
			├ Body
			├ Wrapper
			├ Header
			├ Navi
			├ Content
			├ LeftColumn
			├ RightColumn
			├ Footer
		
		1. Index

		2. About Us

	
	
				
-----------------------------------*/

/*

色彩設計

ロゴピンク：#FF0066
テキストカラー：#FFFFFF
見出しカラー：#FF0066
グレーテキスト：#777777

*/

/*========================================================

    0. Common

*========================================================*/


/* -----------------------------------------------------------------
  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 */



/* -----------------------------------------------------------------
  Date
------------------------------------------------------------------ */

span.Date{
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	height: 1em;
}

/* -----------------------------------------------------------------
  Title
------------------------------------------------------------------ */

h2.Title,h2.PageTitle{
	color: #FF0066;
	font-size: 36px;
	font-family: "Arial Black",sans-serif ;
	letter-spacing: 0.15em;
	padding-bottom: 20px;
	line-height: 1em;
	height: 1.5em;
}

h3{
	color: #FF0066;
	font-size: 26px;
	height: 1em;
	padding-bottom: 20px;
	font-family: "Arial Black",sans-serif ;
	letter-spacing: 0.15em;
}

h4{
	font-size: 14px;
	margin: 20px 0px 5px 0px;
	font-weight: bold;
}

h4.Title{
	text-decoration: underline;
}


/* -----------------------------------------------------------------
  Text
------------------------------------------------------------------ */

p.Text{
	letter-spacing: 0.2em;
	line-height: 2em;
	margin-bottom: 1em;
}

p{
}

strong{
	color: #FF0066;
	font-weight: bold;
}

/* -----------------------------------------------------------------
  Body
------------------------------------------------------------------ */

Body{
	background-color: black;
	text-align: ;
}

/* -----------------------------------------------------------------
  Wrapper
------------------------------------------------------------------ */

div#Wrapper{
	width: 900px;
	margin: 0 auto;
}

/* -----------------------------------------------------------------
  HeaderWrapper
------------------------------------------------------------------ */

div#HeaderWrapper{
	background-color: #FFFFFF;
}

div#Header{
	color: white;
	width: 900px;
	margin: 0 auto;
	text-align: left;	
}

div#Logo{
	width: 500px;
	float: left;
}

div#HeaderRight{
	width: 400px;
	float: right;
	text-align: right;
}

div#ShareBtn{
	height: 20px;
	margin-top: 37px;
	width: 90%;
	margin-left: 40px;
}

h2#Slogan{
	margin-top: 8px;
	color: white;
	font-size: 10px;
}

div#ShareBtn{
}

div#MixiBtn,div#TwitteBtn,div#FaceBookBtn{
	width: 33%;
	float: left;
}



/* -----------------------------------------------------------------
  Navi
------------------------------------------------------------------ */

ul#Navi{
	margin-top: 20px;
}

ul#Navi a{
	color: white;
	font-family: "Arial Bold";
	font-size: 14px;
	letter-spacing: 0.3em;	
}

ul#Navi a:hover,
ul#Navi a:focus		{ color: #FF0066; text-decoration: none; }


ul#Navi li{
	float: left;
}

ul#Navi li#NaviBtn01{ width: 100px; }
ul#Navi li#NaviBtn02{ width: 110px; }
ul#Navi li#NaviBtn03{ width: 152px; }
ul#Navi li#NaviBtn04{ width: 77px; }
ul#Navi li#NaviBtn05{ width: 140px; }
ul#Navi li#NaviBtn06{ width: 124px; }
ul#Navi li#NaviBtn07{ width: 55px; }



/* -----------------------------------------------------------------
  Content
------------------------------------------------------------------ */

div#Content{
	margin-top: 50px;
}

div#LeftColumn{
	width: 650px;
	float: left;
}

div#RightColumn{
	width: 200px;
	float: right;
	text-align: center;
}

div.SubNews{
	border-bottom: dotted 1px #333333;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.SubNewsImg{
	margin-bottom: 20px;
}


/* -----------------------------------------------------------------
  Footer
------------------------------------------------------------------ */

div#Footer{
	margin: 20px 0px;
	font-size: 10px;
	font-family: "Arial";
}


.Mgt20{ margin-top: 20px; }
.Mgb20{ margin-bottom: 20px; }
.Mgt40{ margin-top: 40px; }
.Pdt20{ padding-top: 20px; }
.Pdr5{ padding-right: 5px; }

.BorderB{
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 1em;
}

/*========================================================

    1. Index

*========================================================*/


/* div#Topics */

div#Topics{
	margin-bottom: 50px;
}

div#MainImage{
	width: 250px;
	float: left;
}

div#MainImage img{ border: solid 1px #FFFFFF;}

div#TopicsBoby{
	width: 370px;
	float: right;
}

/* div#Information */

div.InfoBox{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #333333;
}

div.InfoImage{
	width: 120px;
	float: left;
}

div.InfoBoby{
	width: 500px;
	float: right;
	
}

/*========================================================

    2. About Us

*========================================================*/

div#ConceptBox{
	margin-bottom: 40px;
}

div#ConceptImg{
	width: 207px;
	float: left;
}

div#ConceptText{
	width: 413px;
	float: right;
}

/*========================================================

    2. Magazine

*========================================================*/

div#IssueIndex{
	width: 370px;
	float: right;
}

/*========================================================

    3. Photos

*========================================================*/

table#Photos{
	text-align: center;
}

td.Cap{
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
}


/*========================================================

    3. Photos

*========================================================*/

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#GirrlsLuv_top {
	width: 100%;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#GirrlsLuv_top .main {
	width: 100%;

}

/*メールフォームのタイトルを囲っているタグのclass*/
#GirrlsLuv_top .title{
	font-size: 14px;
	margin: 20px 0px 5px 0px;
	font-weight: bold;
	color: #FF0066;
	font-family: "Arial Black",sans-serif ;
}

/*メールフォームの説明文を囲っているタグのclass*/
#GirrlsLuv_top .explain {
	margin-bottom: 20px;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#GirrlsLuv_top .name_top {

}

/*『name』パーツの表示名を囲っているタグのclass（[ name ]の部分）*/
#GirrlsLuv_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#GirrlsLuv_top .name_right {

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#GirrlsLuv_top .name_parts {
	width: 200px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#GirrlsLuv_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#GirrlsLuv_top .mail_left{

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#GirrlsLuv_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#GirrlsLuv_top .mail_parts {
	width: 400px;
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#GirrlsLuv_top .url_top {

}

/*『url』パーツの表示名を囲っているタグのclass（[ url ]の部分）*/
#GirrlsLuv_top .url_left{

}

/*『url』パーツの入力項目を囲っているタグのclass*/
#GirrlsLuv_top .url_right {

}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#GirrlsLuv_top .url_parts {
	width: 400px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#GirrlsLuv_top .textarea_top {

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ comment ]の部分）*/
#GirrlsLuv_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#GirrlsLuv_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#GirrlsLuv_top .textarea_parts {
	width: 100%;
	height: 200px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#GirrlsLuv_top .submit {

}

/*メールフォームの送信ボタンのclass*/
#GirrlsLuv_top .submit_button {

}

/*エラーメッセージを囲っているタグのclass*/
#GirrlsLuv_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#GirrlsLuv_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#GirrlsLuv_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#GirrlsLuv_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#GirrlsLuv_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#GirrlsLuv_top .result_submit_button {

}

div#shinobi_jp_text{
	letter-spacing: 0px;
	margin-bottom: 20px;
}