@charset "UTF-8";
/* =====================================================================
*
*    common.css : リセット＋基本設定用CSS
*
*    INDEX
*
*    1. Reset
*    2. font
*    3. link
*    4. common
*    5. toppage
*	 6. second page common
*	 7. works
*	 8. error + recruit 共通
*	 9. recruit
*	 10. contact
*	 11. release
*	 12. member
*	 13. about us
*	 14. privacy policy
*
*
* =================================================================== */

/* =====================================================================
*
*    1. Reset
*
* =================================================================== */

html,body {
	width:100%;
	height:100%;
	text-align: center;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, p, blockquote, th, td {
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}

img			{ border:none; }
table		{ font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; }
ul{ list-style: none; }

/* =====================================================================
*
*    2. font
*
* =================================================================== */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	color:#4D4D4D;
	margin:0px;
	padding:0px;
}

/*CSS for Safari2- */
html[xmlns*=""] body:last-child div#Main{ font-size:90%; }
  
/*CSS for Safari4 */
body:first-of-type div#Main{ font-size:90%; }


/* =====================================================================
*
*    3. link
*
* =================================================================== */

a:link		{ text-decoration:underline; color:#4D4D4D; }
a:visited	{ text-decoration:underline; color:#6D328D; }
a:hover,
a:focus		{ text-decoration:none; color:#C8000A; }


/* =====================================================================
*
*    4. 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 */


/* Head Navi */
div#HeadBg{ background: url(../images/common/navi/HeadBg.gif) repeat-x top; }
div#Head{ text-align: left; width: 990px; height: 111px; margin: 0px auto;}

div#Head h1#Logo,div#Head div#Logo{ width: 190px;  float: left; }
div#Head ul li{ width: 92px; float: left; display: block; }
div#Head ul li#NaviHome{ width: 80px; }

div#HeadBanner{ background: url(../images/common/navi/HeadBannerBg.png) no-repeat top left;
	width: 260px;
	height: 111px;
	float: left;
}
div#HeadBannerImage{ width: 250px; height: 85px; overflow: hidden;}

/* Foot Navi */
div#FootLine{
	border-top: solid 1px #C8000A;
	background: url(../images/common/FootBg.gif) no-repeat center;
	margin: 0px auto;
	margin-bottom: 10px;
}
	div#FootBg{
		width: 990px;
		height: 60px;
		margin: 0px auto;
	}
		div#FootNavi{ padding: 15px 45px;}
			div#FootNavi ul li.FootNavi1{ width: 58px; float: left; }
			div#FootNavi ul li.FootNavi2{ width: 65px; float: left; }
			div#FootNavi ul li.FootNavi3{ width: 70px; float: left; }
			div#FootNavi ul li.FootNavi4{ width: 102px; float: left; }
			div#FootNavi ul li.FootNavi5{ width: 51px; float: left; }
			div#FootNavi div#Copyright{ width: 272px; float: right; }
			
/* =====================================================================
*
*    5. toppage
*
* =================================================================== */
/*TopBg*/
body#TopBg{ 
	background: url(../images/common/BodyBgRedGradation.gif) repeat-x top;
}


/* Flash DownLoad */			
#FlashDownLoad{
	height: 60px;
	margin: 0px auto;
	padding: 180px;
	color: white;
}
#FlashDownLoad img { padding-top: 30px;}


/* Flashきりかえ */
div#Flash{ height: 459px; width: 100%; }

#FlashObject{
	position: absolute;
	top: 0px;
	left: 0px;
}

/*Bg*/

div#ContentBg{
	background:url(../images/common/ContentBg.png) repeat-y center;
}
div#ContentHead{ background: url(../images/common/ContentHead.gif) no-repeat top; padding-bottom: 45px;}
div#Content{ text-align: left; width: 900px; margin: 0px auto ; padding-top: 63px; }

div#Content div#CosntentLeft{ width: 606px; float: left;}

div#EventScd{ text-align: left; width: 606px;}
div#EventScd h2#EventScdTitle{
	width: 606px;
	border-bottom: solid 1px #C8000A;
	margin-bottom: 20px;
}
div#EventScdList{
	width: 606px;
	height: 550px;
	overflow: scroll;
	position: relative;
}
div#EventScdList table{
	width: 593px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#EventScdList table th#EventScdEvent{ width: 268px; }
div#EventScdList table th#EventScdDate{ width: 80px; }
div#EventScdList table th#EventScdPlace{ width: 224px; }

div#EventScdList table th{
	border-bottom: 2px solid #C8000A;
	border-right: 7px solid white;
}
div#EventScdList table td{ 
	padding: 7px;
	border-bottom: 1px solid #C8000A;
	border-right: 7px solid white
}

div#EventScdList table td.EventScdEvent{ font-size: 100%; font-weight: bold; }
div#EventScdList table td.EventScdDate{font-size: 87%; font-weight: bold; }
div#EventScdList table td.EventScdPlace{ font-size: 90%;}
div#EventScdList table td.EventScdEvent div.FlyerThumbImg{
	display:block ;
	width: 28px;
	height: 28px;
	overflow: hidden;
	float: left;
	border: 1px solid #CCCCCC;
}


div#EventScdList table td.EventScdEvent div.EventScdEventName{ width: 220px; float: left; }
div#EventScdList table td.EventScdEvent a,
div#EventScdList table td.EventScdEvent strong{
	padding: 7px 0px;
	margin-left: 8px;
	font-size: 95%;
	display: block;
}


li.item {
  display: table-cell;
  float: left;
  margin: 0pt 5px 8px;
  overflow: hidden;
  width: 70px;
}

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

	BannerAreaBox
	
/*------------------------------*/

div#BannerAreaBox{ width: 606px; margin-top: 25px;}
div#BannerAreaBox div#BannerAreaPrevBtn{ width: 18px; float: left;}
div#BannerAreaBox div#BannerAreaWrapper{
	position : relative;
	width: 560px;
	height: auto;
	float: left;
	overflow: visible;
}
/* Hides from IE-mac \*/
div#BannerAreaBox div#BannerAreaWrapper{ overflow: hidden; height: 140px; }
/* Hides from IE-mac */

div#BannerAreaBox div#BannerAreaNextBtn{ width: 18px; float: right;}
div#BannerAreaBox div#BannerAreaWrapper div#BannerArea a{
	width: 130px;
	height: 130px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline;
	overflow: hidden;
}
div#BannerAreaBox div#BannerAreaWrapper div#BannerArea a:hover img{
	position: relative; top: -130px; 
}


div#BannerAreaBox div#BannerAreaWrapper div#BannerArea{ 
	position: absolute;
	width: auto;
}

/* Hides from IE-mac \*/
/*div#BannerAreaBox div#BannerAreaWrapper div#BannerArea{ width: 1220px;}*/
/* Hides from IE-mac */

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

	/BannerAreaBox
	
/*------------------------------*/



div#Content div#ContentRight{ width: 273px; float: right; }
div#Press{ width: 255px; margin: 0px 0px 22px 18px;}
div#Press div#PressTitle h2 { float: left; width: 126px; }
div#Press div#PressTitle a{ float: left; width: 129px; }
div#PressTextArea{
	width: 231px;
	background: #F2F2F2;
	padding: 12px 12px 5px 12px;
	min-height: 220px;
}

*html div#PressTextArea{ height: 220px;}

div#PressTextArea p{ margin-bottom: 11px; min-height: 32px;}
*html div#PressTextArea p{	height: 32px; }
div#PressTextArea span{
	display: block;
	font-size: 85%;
	line-height: 12px;
	height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/top/RedSquare.gif) no-repeat left bottom;
	padding-left: 8px;
}
div#PressTextArea a{
	font-size: 94%;
	font-weight: bold;
}
div#PressTextArea a:hover{
	font-size: 94%;
	font-weight: bold;
}

div#PickUpEventBg{
	background: url(../images/top/PickUpEventBg.gif) repeat-y left top ;
	margin-left: 18px;
}
div#PickUpEventHead{background: url(../images/top/PickUpEventHead.gif) no-repeat top ;}

div#PickUpEventFoot{
	text-align: center;
	background: url(../images/top/PickUpEventFoot.gif) no-repeat bottom ;
	padding-bottom: 20px;
}

div#PickUpEventFoot div#PickUpEventImage{padding-top: 65px;}
div#PickUpEventDate{margin-top: 10px; font-size: 150%; font-weight: bold;}

div#MemberBanner{ width: 255px; margin: 22px 0px 10px 18px;}
div#WorksBannerBtn{ width: 255px; margin: 0px 0px 0px 18px;}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

div.vscrollerbase {
width: 5px;
background-color: #E6E6E6;
}
div.vscrollerbar {
width: 5px;
background-color: #C8000A;
}
div.hscrollerbase {
height: 5px;
background-color: #E6E6E6;
}
div.hscrollerbar {
height: 5px;
background-color: #C8000A;
}

/* =====================================================================
*
*    6. second page common
*
* =================================================================== */

/*ここのbg画像修正↓*/
body{ background: url(../images/common/SecondBodyBgRedGradation.gif) repeat-x top;}

#SecondWrapperBg{ background: url(../images/common/SecondWrapperBg2.jpg) no-repeat top center;}

div#SecondContentHead{ background: url(../images/common/SecondContentHead2.jpg) no-repeat top; padding-bottom: 45px;}
div#SecondContent{ text-align: left; width: 900px; margin: 0px auto; padding-top: 27px;}

div#Pan{
	margin-bottom: 35px;
	margin-top: -10px;
	margin-left: -25px;
	font-size: 85%;
}

h1#PageTitle{ width: 400px; }


/* =====================================================================
*
*    7. works
*
* =================================================================== */


div#WorksHead div#WorksNavi{ text-align: right; width: 360px; float: right; margin-top: 8px;}
div#WorksHead h1#WorksPageTitle{ width: 370px; float: left;}
div.EventDetailedBox{
	width: 824px;
	margin-top: 55px;
	border-top: 6px solid #C8000A ;
	border-bottom: 1px solid #CCCCCC ;
	border-left: 1px solid #CCCCCC ;
	border-right: 1px solid #CCCCCC ;
	padding: 52px 32px 52px 42px;
}

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

div.EventDetailedLeft{
	width: 440px;
	float: left;
}

div.EventFlyerImage{ float: left; width: 119px;}
div.EventFlyerImage img { border: 1px solid #CCCCCC; }
div.EventSpec{ float: right; width: 300px; }
div.EventSpecCategoryNameJp{}

div.Category {
	float: left;
	color: #FFFFFF;
	background-color: #C8000A;
	font-size: 90%;
	font-family: "Helvetica Neue";
}
div.Category span{ padding:3px; }

div.EvantNameJp{  }
div.EvantNameJp span { padding-left: 5px; font-size: 90%; line-height: 110%; }

div.EventSpecNameDatePlace h2 {
	width: 300px;
	font-size: 190%;
	font-weight: bold;
	padding: 15px 0px 10px 0px;
	line-height: 110%;
	border-bottom: 1px solid #CCCCCC;
	display: block
}
div.EventDate { font-size: 120%; font-weight: bold; padding-top: 10px;}
div.EvantPlace { font-size: 130%; font-weight: bold; }

div.EventItemBox{ width: 440px; }
div.EventItemBox h3{
	width: 440px;
	background-color: #C8000A;
	color: #FFFFFF;
	text-indent: 5px;
	font-size: 90%;
	margin: 30px 0px 15px 0px;
	line-height: 150%;
	font-weight: normal;
}

div.EventItemBox p{
	font-size: 90%;
}


div.EventDetailedRight{
	width: 330px;
	float: right;
}

div.EventMainImage{ width: 320px; overflow: hidden; }

ul.EventImageThum{ width: 330px; margin-top: 30px;}
ul.EventImageThum li.EventImage{ width: 100px; height: 100px; float: left; margin-right: 10px; }
ul.EventImageThum li.EventImage a{
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
}
ul.EventImageThum li.EventImage a:hover{ background-color: #C8000A;}
ul.EventImageThum li.EventImage a img{ padding-top: 5px; }

div.ToPageTopBtn{ float: right; width: 68px; }
div.ToPageTopBtn a{ width: 68px; }

/*年別／月別ナビ*/
ul.yearly li {
	display: block;
	width:76px;
	float:right;
	height: 36px;
}
ul.yearly li.slash {
	width:76px;
	background: url(../images/works/year/YearSlash.gif) left top no-repeat;
	padding-left: 14px;
}

ul.yearly li a{
	display: block;
	height: 36px;
}

/*月*/

ul.monthly {
	width: 398px;
	height: 22px;
	position: absolute ;
	margin-left: -322px;
}

ul.yearly li ul.monthly li.slash {
	width: 34px;
	height: 22px;
	float:right;
	background: transparent url(../images/works/month/bg.gif) repeat;
	padding: 0px;
}

ul.yearly li ul.monthly li{
	width: 24px;
	height: 22px;
	float:right;
	background: transparent url(../images/works/month/bg.gif) repeat;
	padding: 0px;
}

ul.yearly li ul.monthly li.slash a{
	width: 24px;
	height: 22px;
	background: url(../images/works/month/MonthSlash.gif) left top no-repeat;
	padding-left: 9px;
}
ul.yearly li ul.monthly li a{
	width: 24px;
	height: 22px;
	padding: 0px;
}



/* =====================================================================
*
*    8. error + recruit 共通
*
* =================================================================== */

div#MsgHead{ background: url(../images/error/ErrorMsgHead.gif) top no-repeat; padding-top: 20px; }
div#MsgFoot{ background: url(../images/error/ErrorMsgFoot.gif) bottom no-repeat; padding-bottom: 20px; }
div#Msg{
	text-align: left;
	padding: 15px 45px;
	background-color: #F2F2F2;
	width: 810px;
	line-height: 2em;
}



/* =====================================================================
*
*    9. recruit
*
* =================================================================== */

div#RecruitMsgHead{ background: url(../images/error/ErrorMsgHead.gif) top no-repeat; padding-top: 20px; }

div#RecruitMsgHead div#MsgFoot div#Msg{
	text-align: center;
}


.Bold{ font-weight: bold; }
.BigBold{ font-size: 120%; }
div#Msg span.BigBold a:link{ color: #C8000A; }
div#Msg span{ padding-top: 10px;}
div.RecruitingListBox{
	width: 898px;
	border: 1px solid #CCCCCC;
	margin-top: 40px;
}
div.RecruitingListBox h2{
	height: 45px;
	color: #FFFFFF;
	background-color: #C8000A;
	font-size: 110%;
	font-weight: bold;
	text-indent: 15px;
	line-height: 300%;
}
/*ここから旧テーブルCSS*/
div.RecruitingList{
	width: 818px;
	margin: 10px 40px 35px 40px;
}
div.RecruitingList table{ width: 409px; float: left;}

div.RecruitingList table.ListLeft{border-right: solid 15px #FFFFFF;}
div.RecruitingList table.ListRight{ border-left: solid 15px #FFFFFF;}

div.RecruitingList table tr{ border-bottom: 1px dotted #808080; }

div.RecruitingList table tr td.tdLeft{ width: 120px; font-size: 87%;}
div.RecruitingList table tr td.tdRight{ width: 280px;}

div.RecruitingList table tr td{ padding: 25px 0px 5px 0px;}
/*ここまで*/
/*ここから新テーブルCSS*/
div.RecruitingList2{
	width: 818px;
	margin: 10px 40px 35px 40px;
}
div.RecruitingList2 table.ListLeft2{border-right: solid 15px #FFFFFF;}
div.RecruitingList2 table.ListRight2{ border-left: solid 15px #FFFFFF;}

div.RecruitingList2 table tr{ border-bottom: 1px dotted #808080; }

div.RecruitingList2 table tr td.tdLeft2{ width: 110px; font-size: 87%;}
div.RecruitingList2 table tr td.tdRight2{ width: 280px;}
div.RecruitingList2 table tr td.space{width: 38px;}
div.RecruitingList2 table tr td{ padding: 25px 0px 5px 0px;}


/*ここまで*/
div.Entry{ width: 818px; margin: 40px;}
div.Entry h3{
	width: 50px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #C8000A;
	text-indent: 3px;
	line-height: 180%;
	float: left;
}
div.Entry p{
	width: 768px;
	text-indent: 5px;
	float: left;
}

div.Entry p a:link{ color: #C8000A; }

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


/* =====================================================================
*
*    10. contact
*
* =================================================================== */

div#	{ text-align: left; }
div#FormArea{ text-align: left; }
div#FormLeft{ width: 330px; float: left; }
div#FormRight{ width: 455px; float: right; }

div#FormArea h2{
	color: #FFFFFF;
	background-color: #C8000A;
	font-size: 90%;
	line-height: 150%;
	margin: 30px 0px 15px 0px;
	text-indent: 5px;
	font-weight: normal;
}

div#FomeName input,
div.FormMail input,
div#QuestionText input{
	width: 324px;
	height: 18px;
}

div#QuestionText input,
div#CommentBox div#CommentTitle input,
div#CommentText textarea{
	color:#333333;
	font-size:100%;
	font-weight: normal;
}

div#CommentTitle input{ width: 412px;}
div#FormRight div#CommentText textarea{ width: 416px; height: 255px;}
div#FormRight div#CommentText{ margin-top: 10px; }



span.exp{ font-size: 87%; padding-top: 0px; padding-right: 5px; vertical-align: top;  line-height: 25px;}
div.BtnSet{text-align:right; padding-top: 20px;}


/*メンバーと一緒やけど*/
div#MemberName input,div#FormMailAdd input,#FomeName input,div.FormMail input,div#CommentTitle input{ color: #333333; font-size: 120%; font-weight: bold; height: 18px;}
div#Question{ width: 250px;}
p#QuestionTextLead{
	font-size: 77%;
	line-height: 120%;
	margin: 10px 0px 7px 0px;
}

p.error{ margin-top: 20px;}


/*
div#FormLeft input.TextBox{ width: 98%; height: 24px; }
div#FormLeft div#Questionnaires div.Question{ width: 330px; height: 25px; padding-bottom: 5px;}
div#FormLeft div#Questionnaires div.Question input.TextBox{ width: 220px; height: 18px; float: right; }

div.Question input{ margin: 0px; padding: 0px; }
div.Question div.CheckBox{ width: 75px; float: left;}

div.Question span.ItemName{ padding-right: 10px; }


div#FormRight div#CommentTitle input.TextBox{ width: 412px; height: 24px; }

div#BtnArea{ width: ; margin-top: 20px;}
div#Msg form div#BtnArea input{
	width: 80px;
	float: right;
}
div#Msg form div#BtnArea input{
	margin-left: 5px;
	display: block;
}*/

/* =====================================================================
*
*    11. press release
*
* =================================================================== */

div#LeftBoxPress{ width: 606px; float: left;}
div#RightBoxIndex{ width: 260px; float: right;}

div#Index{ }

/*topと同じcss*/
div.PressReleaseTitleSet{
	border-bottom: 2px solid #C8000A;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
div.PressReleaseTitleSet span{
	width: 80px;
	float: left;
	display: block;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/press/RedSquareBgWhite.gif) no-repeat left bottom;
	padding-left: 8px;
}
div.PressReleaseTitleSet h2.PressTitle{
	width: 500px;
	float: left;
	line-height: 80%;
	font-size: 120%;
}
div.PressPageText{ margin-bottom: 30px;}

iframe#PressIndex {
width:260px;
height: 500px;
}


body#PressIndexBoby{ background: none; }



/*===============================================
ページングボタン
===============================================*/
div#PressReleasePaging{
	width: 606px;
	border-bottom: 1px dotted #808080;
	border-top: 1px dotted #808080;
	padding: 10px 0px;
	margin-top: 50px;
	text-align: center;
}

div#PressReleasePaging div#PagingBtnBox{
	width: 104px;
	height: 10px;
	margin: 0px 244px;
}

div#PressReleasePaging div#PagingBtnBox span.PressPrevBtn{
	display: block;
	float: left;
	width: 45px;
}

div#PressReleasePaging div#PagingBtnBox span.PressNextBtn{
	display: block;
	float: right;
	width: 45px;
}

div#PressReleasePaging div#PagingBtnBox span.PressPrevBtn a,
div#PressReleasePaging div#PagingBtnBox span.PressNextBtn a{
	width: 45px;
	height: 10px;
	overflow: hidden;
	display: block;
}
div#PressReleasePaging div#PagingBtnBox span.PressPrevBtn a{background: url(../images/press/PressPrevBtn.gif) no-repeat; margin-right: 7px;}
div#PressReleasePaging div#PagingBtnBox span.PressPrevBtn a:hover{background: url(../images/press/PressPrevBtn-over.gif) no-repeat;}
div#PressReleasePaging div#PagingBtnBox span.PressNextBtn a{background: url(../images/press/PressNextBtn.gif) no-repeat; 	margin-left: 7px;}
div#PressReleasePaging div#PagingBtnBox span.PressNextBtn a:hover{background: url(../images/press/PressNextBtn-over.gif) no-repeat;}


/*===============================================
hide
===============================================*/
/*--------------------for MacIE--------------------*/

div#PressReleasePaging span.PressPrevBtn a span,
div#PressReleasePaging span.NextPrevBtn a span{
	text-indent:-9999px;
}
/*--------------------Hides from IE-mac--------------------\*/

div#PressReleasePaging span.PressPrevBtn a span,
div#PressReleasePaging span.PressNextBtn a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}
/*===============================================
ここまで
===============================================*/




/*topと同じcss 907px*/
/* =====================================================================
*
*    12. member
*
* =================================================================== */

div#MemberContent{ width: 560px;}


div#MemberCopy h2{ font-size: 120%; }
div#MemberCopy span{
	font-size: 90%;
	color: #FFFFFF;
	background-color: #C8000A;
	padding: 3px 3px 3px 10px;
}
div#MemberCopy p{ margin: 25px 0px; }

div#AttentionBg{ width: 550px; background: url(../images/member/AttentionBg.gif) repeat-y; }
div#AttentionHead{ background: url(../images/member/AttentionHead.gif) top no-repeat; }
div#AttentionFoot{
	background: url(../images/member/AttentionFoot.gif) bottom no-repeat;
	padding: 11px 10px 11px 0px;
}
div#AttentionFoot div#AttentionTitle{ width: 24px; float: left; }
div#AttentionFoot div#AttentionText{ width: 506px; float: left; }
div#AttentionFoot div#AttentionText p{ margin-left: 10px; }
div#AttentionFoot div#AttentionText span{ margin-left: 10px; font-size: 120%; font-weight: bold; }
div#MemberDeco{ margin: 45px 0px; }

div#Flyer1{
	position: absolute;
	margin-left: 570px;
	margin-top: -350px;
}
div#Flyer2{
	position: absolute;
	margin-left: 560px;
	margin-top: -70px;
}

div#MemberFormHead{ background: url(../images/member/MemberFormHead.gif) left top no-repeat; padding-top: 30px; }
div#MemberFormFoot{	background: url(../images/member/MemberFormFoot.gif) left bottom no-repeat; padding-bottom: 30px; }
div#MemberFormBg{ width: 480px; background-color: #F2F2F2; padding: 0px 35px; }
div#MemberFormBg h3{
	color: #FFFFFF;
	background-color: #C8000A;
	font-size: 90%;
	line-height: 150%;
	text-indent: 5px;
	font-weight: normal;
	margin: 15px 0px 10px 0px;
}
div#MemberName input,div#FormMailAdd input{ width: 474px; }


div#MemberDateAndSex{ width: 480px;}
div#DateOfBirth{ width: 290px; float: left;}
div#MemaberSex{ width: 170px; float: right;}

div#DateOfBirth input{ width: 120px;}

div#FormMailAdd{ line-height:2em; }

div#MemberDateAndSex table tr td span{ padding: 0px 5px 0px 3px; vertical-align: bottom;  line-height: 20px;}
div#DateOfBirth table tr td input{ font-weight: bold; color: #333333;}
div#DateOfBirth table tr td input,div#DateOfBirth table tr td select{ margin-right: 4px; }
div#MemaberSex input{ margin: 0px 5px 0px 25px;}

div#DeleteForm h3{ margin-top: 25px; background-color: #666666; }
div#DeleteForm p{ font-size: 90%; margin-bottom: 10px; }
div#DeleteForm img{ vertical-align: middle; padding-left: 10px; }
div#DeleteForm input.MailAdd{ width: 380px;}
div#DeleteForm div#DelSubmitBtn{ text-align: right; width: 80px; float: right; }

/*
div#MemberFormArea form div#MemberBtnArea input{
	width: 80px;
	float: right;
}
div#MemberFormArea form div#MemberBtnArea input{
	margin-left: 5px;
	display: block;
}
p.error{ margin-top: 10px;}
p.error a{ color: #C8000A; font-weight: bold; }

*/


/* =====================================================================
*
*    13. about us
*
* =================================================================== */

/*------------ レイアウト ------------*/
div#Content div#AboutContentLeft{
	width: 450px;
	float: left;
	padding: 0px 6px;
}

div#Content div#AboutContentRight{
	width: 415px;
	float: right;
	padding: 0px 6px;
}

div#AboutContentLeft div#Philosophy{
	width: 450px;
	padding: 0px 6px;
	background-color:white;
	position:relative;
	z-index:2;
}

div#AboutContentRight div#Overview{
	width: 403px;
	padding: 0px 6px;
	background-color:white;
	position:relative;
	z-index:2;
}

div#AboutContentBottomLeft{ width: 470px; float: left; }
div#AboutContentBottomRight{ width: 420px; float: right; }

img.Line{
	position: absolute;
	left: 0pt;
	width: 100%;
	height: 1px;
	background-color: #C8000A;
	display: block;
	z-index: 1;
}

div#PhilosophyTitle img{ margin-top: 75px; }
div#OverviewTitle img{ margin-left: 235px; height: 44px;}
div#ClientTitle{}

div#AboutContentLeft h2{ margin-top: 10px; }
div#AboutContentRight h2{ margin-top: 120px; }
div#AboutContentBottom h2{ margin-top: 60px; }

div#Philosophy p.Engrish,
div#Overview p.Engrish,
div#ClientListEn p.Engrish{
	margin-top: 35px;
}
div#Philosophy p.Engrish{ margin-bottom: 120px;}
div#ClientListEn p.Engrish{ margin-bottom: 80px; }

div#ClientList{ margin-bottom: 37px;}




/*------------ font ------------*/
/*見出しh2*/
div#AboutContentLeft h2,
div#AboutContentRight h2,
div#AboutContentBottom h2{
	background-color: #C8000A;
	color: #FFFFFF;
	text-indent: 5px;
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 20px;
}


/*本文*/
div#AboutContentLeft p{
	font-size: 97%;
	line-height: 250%;
	padding-left: 4px;
}
div#ClientList p{ font-size: 90%; }


/*英文*/
div#Overview p.Engrish,
div#Philosophy p.Engrish{
	font-size: 87%;
	color: #FFFFFF;
	line-height: 180%;
}
p.Engrish span{ background: #CCCCCC; }

/*会社概要の表*/
div#Overview table tr{
	border-bottom: 1px dotted #808080;
}
div#Overview table tr td{ font-size: 90%; padding: 10px 0px;}
div#Overview table tr td.TdLeft,
div#Overview table tr td span.TdRight{
	width: 80px;
	font-weight: bold;
}

/* =====================================================================
*
*    14. privacy policy
*
* =================================================================== */

div.Privacy p{ line-height: 180%; font-size: 100%; }
div.Privacy p.PPText{ font-size: 90%; line-height: 170%; }
div.Privacy h2{ font-size: 110%; margin: 30px 0px 5px;}
div.Privacy h3{ font-size: 90%; margin-top: 10px; text-indent: -6px; line-height: 130%;}