/* CSS Document */


/* イニシャライズ
-------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}


/* フォント指定
-------------------------- */

@font-face {
    font-family: Noto Sans Japanese-Thin ;
	src: url('http://st.arime.info/font/NotoSansCJKjp-Thin.otf') format('opentype') ;
}

@font-face {
    font-family: Noto Sans Japanese-Light ;
	src: url('http://st.arime.info/font/NotoSansCJKjp-Light.otf') format('opentype') ;
}

@font-face {
    font-family: Noto Sans Japanese-Medium ;
	src: url('http://st.arime.info/font/NotoSansCJKjp-Medium.otf') format('opentype') ;
}

@font-face {
    font-family: Noto Sans Japanese-Black ;
	src: url('http://st.arime.info/font/NotoSansCJKjp-Black.otf') format('opentype') ;
}

@font-face {
    font-family: Noto Sans Japanese-Bold ;
	src: url('http://st.arime.info/font/NotoSansCJKjp-Bold.otf') format('opentype') ;
}

/*
@font-face {
    font-family: Noto Sans Japanese ;
    src: url('../font/NotoSansCJKjp-Light.otf') ;
	src: url('../font/NotoSansCJKjp-Regular.otf') ;
	src: url('../font/NotoSansCJKjp-Medium.otf') ;
	src: url('../font/NotoSansCJKjp-Black.otf') ;
	src: url('../font/NotoSansCJKjp-Bold.otf') ;
	src: url('../font/NotoSansCJKjp-DemiLight.otf') ;
}
*/


/* ベース
-------------------------- */

body {
	margin: 0px ;
	background-color: #F4F2EA ;
	-webkit-text-size-adjust: 100% ;
	font-family: 'Noto Sans Japanese-Light', 'メイリオ', 'Meiryo', 'sans-serif' ;
}

.Mor_Wrap_Base {
	display: block ;
	position: relative ;
	width: 100% ;
}

.Mor_Wrap_ContsBase {
	display: block ;
	position: relative ;
	width: 1280px ;
	margin-left: auto ;
	margin-right: auto ;
	padding-left: 20px ;
	padding-right: 20px ;
	font-size: 25px ;
	line-height: 50px ;
	color: #303030 ;
}

.Mor_Wrap_GlobalMenuBase {
	display: block ;
	width: 1280px ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: left ;
	font-size: 15px ;
	line-height: 30px ;
	color: #FFFFFF ;	
}
.Mor_Wrap_GlobalMenuBase > a:link {
	text-decoration: none ;
	color: #FFFFFF ;
}
.Mor_Wrap_GlobalMenuBase > a:visited {
	text-decoration: none ;
	color: #FFFFFF ;
}
.Mor_Wrap_GlobalMenuBase > a:hover {
	text-decoration: none ;
	color: #E044A4 ;
}
.Mor_Wrap_GlobalMenuBase > a:active {
	text-decoration: none ;
	color: #E044A4 ;
}

.Mor_Profile_Block {
	display: block ;
	position: relative ;
	width: 1100px ;
	margin-left: 160px ;
	font-size: 25px ;
	line-height: 25px ;
	color: #303030 ;	
}

.Mor_ColorBorderMarker_Green {
	width: 150px ;
	height: 20px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../images/img_DecoMarkerGreen.png) ;
	background-repeat: no-repeat ;
}

.Mor_ColorBorderMarker_Pink {
	width: 150px ;
	height: 20px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../images/img_DecoMarkerPink.png) ;
	background-repeat: no-repeat ;
}

.Mor_ColorBorderMarker_Yellow {
	width: 150px ;
	height: 20px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../images/img_DecoMarkerYellow.png) ;
	background-repeat: no-repeat ;
}

.Mor_icon_CiLogo_Green {
	float: left ;
	display: block ;
	width: 74px ;
	height: 74px ;
	margin-left: 0px ;
	margin-right: 15px ;
	background-image: url(../images/icon_LogoCiGreen.png) ;
	background-repeat: no-repeat ;
}

.Mor_icon_CiLogo_Pink {
	float: left ;
	display: block ;
	width: 74px ;
	height: 74px ;
	margin-left: 0px ;
	margin-right: 15px ;
	background-image: url(../images/icon_LogoCiPink.png) ;
	background-repeat: no-repeat ;
}

.Mor_icon_CiLogo_Yellow {
	float: left ;
	display: block ;
	width: 74px ;
	height: 74px ;
	margin-left: 0px ;
	margin-right: 15px ;
	background-image: url(../images/icon_LogoCiYellow.png) ;
	background-repeat: no-repeat ;
}

.Mor_icon_ArimeLogo {
	float: right ;
	display: block ;
	width: 382px ;
	height: 214px ;
	margin-left: 30px ;
	margin-right: 0px ;
	background-image: url(../images/icon_LogoArime.png) ;
	background-repeat: no-repeat ;
}

.Mor_icon_WanchaLogo {
	float: right ;
	display: block ;
	/*width: 382px ;*/
	width: 250px ;
	height: 283px ;
	margin-left: 30px ;
	margin-right: 0px ;
	background-image: url(../images/icon_LogoWancha.png) ;
	background-repeat: no-repeat ;
}


/* テキスト
-------------------------- */

.Mor_Txt_Title {
	font-size: 40px ;
	line-height: 74px ;
	color: #303030 ;
}

.Mor_Txt_ItemTitle {
	display: block ;
	font-size: 30px ;
	line-height: 30px ;
	color: #D9007F ;
}
.Mor_Txt_ItemTitle > a:link {
	text-decoration: none ;
	color: #D9007F ;
}
.Mor_Txt_ItemTitle > a:visited {
	text-decoration: none ;
	color: #D9007F ;
}
.Mor_Txt_ItemTitle > a:hover {
	text-decoration: none ;
	color: #BC80A5 ;
}
.Mor_Txt_ItemTitle > a:active {
	text-decoration: none ;
	color: #BC80A5 ;
}

.Mor_Txt_ItemCopy {
	font-size: 20px ;
	line-height: 30px ;
	color: #303030 ;
}

.Mor_Txt_ItemCopy_Bold {
	font-weight: bold ;
}

.Mor_Txt_ProfileTitle {
	float: left ;
	display: block ;
	width: 210px ;
	font-size: 20px ;
	line-height: 25px ;
	color: #303030 ;
}

.Mor_Txt_ProfileConts {
	display: block ;
	width: 900px ;
	margin-left: 210px ;
	font-size: 20px ;
	line-height: 25px ;
	color: #303030 ;
}


/* ヘッダー
-------------------------- */

.Mor_HeaedderImg {
	/*width: 1920px ;*/
	width: 100% ;
	min-width: 1300px ;
	/*height: 850px ;*/
	min-height: 850px ;
	max-height: 850px ;
	margin-left: auto ;
	margin-right: auto ;
	background-position: center top ;
	background-image: url(../images/bnr_TopBnrImg.jpg) ;
	background-repeat: no-repeat ;
}


/* フッター
-------------------------- */

.Mor_FooterBox {
	display: block ;
	width: 1276px ;		/*実幅：1280px*/
	height: 30px ;
	margin-left: auto ;
	margin-right: auto ;
	line-height: 30px ;
	border-left: 2px #FFFFFF solid ;
	border-right: 2px #FFFFFF solid ;
	border-bottom: 2px #FFFFFF solid ;
	/*background-color: #A57426 ;*/ /* 配置確認用 */
}

.Mor_FooterCopyRightBox {
	display: block ;
	width: 1276px ;		/*実幅：1280px*/
	height: 30px ;
	margin-left: auto ;
	margin-right: auto ;
	line-height: 30px ;
	/*background-color: #A57426 ;*/ /* 配置確認用 */
}

.Mor_FooterMenuTxt {
	display: block ;
	min-width: 1250px ;
	margin-left: 10px ;
	margin-top: 10px ;
	font-size: 15px ;
	line-height: 15px ;
	color: #FFFFFF ;
	/*background-color: #A57426 ;*/ /* 配置確認用 */
}
.Mor_FooterMenuTxt > a:link {
	text-decoration: none ;
	color: #FFFFFF ;
}
.Mor_FooterMenuTxt > a:visited {
	text-decoration: none ;
	color: #FFFFFF ;
}
.Mor_FooterMenuTxt > a:hover {
	text-decoration: none ;
	color: #E044A4 ;
}
.Mor_FooterMenuTxt > a:active {
	text-decoration: none ;
	color: #E044A4 ;
}

.Mor_FooterCopyRightTxt {
	float: right ;
	display: block ;
	min-width: 500px ;
	margin-right: 20px ;
	margin-top: 5px ;
	font-size: 12px ;
	line-height: 12px ;
	text-align: right ;
	color: #FFFFFF ;
	/*background-color: #A57426 ;*/ /* 配置確認用 */
}


/* ライン・スペーサー系
-------------------------- */

.Mor_ContsArea_SolidLineBox_Green {
	display: block ;
	width: 100% ;
	min-width: 1300px ;
	height: 30px ;
	background-color: #6EBA3D ;
}

.Mor_ContsArea_SolidLineBox_Pink {
	display: block ;
	width: 100% ;
	min-width: 1300px ;
	height: 30px ;
	background-color: #D9007F ;
}

.Mor_ContsArea_SolidLineBox_Yellow {
	display: block ;
	width: 100% ;
	min-width: 1300px ;
	height: 30px ;
	background-color: #F29100 ;
}

.Mor_ContsArea_SolidLineBox_Gray {
	display: block ;
	width: 100% ;
	min-width: 1300px ;
	height: 100px ;
	background-color: #5B5B5B ;
}

.spacer05px {
	text-align: left ;
	width: 100% ;
	height: 5px ;
}
.spacer10px {
	width: 100% ;
	height: 10px ;
}
.spacer15px {
	width: 100% ;
	height: 15px ;
}
.spacer17px {
	width: 100% ;
	height: 17px ;
}
.spacer20px {
	width: 100% ;
	height: 20px ;
}
.spacer25px {
	text-align: left ;
	width: 100% ;
	height: 25px ;
}
.spacer30px {
	text-align: left ;
	width: 100% ;
	height: 30px ;
}
.spacer30px {
	text-align: left ;
	width: 100% ;
	height: 30px ;
}
.spacer40px {
	text-align: left ;
	width: 100% ;
	height: 40px ;
}
.spacer50px {
	text-align: left ;
	width: 100% ;
	height: 50px ;
}
.spacer60px {
	text-align: left ;
	width: 100% ;
	height: 60px ;
}
.spacer71px {
	text-align: left ;
	width: 100% ;
	height: 71px ;
}
.spacer75px {
	text-align: left ;
	width: 100% ;
	height: 75px ;
}
.spacer100px {
	text-align: left ;
	width: 100% ;
	height: 100px ;
}
.spacer120px {
	text-align: left ;
	width: 100% ;
	height: 120px ;
}
.spacer140px {
	text-align: left ;
	width: 100% ;
	height: 140px ;
}
.spacer200px {
	text-align: left ;
	width: 100% ;
	height: 200px ;
}
.spacer300px {
	text-align: left ;
	width: 100% ;
	height: 300px ;
}
.spacer400px {
	text-align: left ;
	width: 100% ;
	height: 400px ;
}
.spacerXXpx {
	text-align: left ;
	width: 100% ;
	height: 280px ;
}

