@charset "UTF-8";


/*
# standard.css (c) Nekobungi Sumire 2008-2010
# Style "FR2 Sugar" of Marble Cake
#
#
#
#### 基礎のスタイル ###############################
*/


*{
	line-height:	1.5em;
}
html{
	background:		#E3EDF7;
	height:			100%;
}
body{
	background:		#E3EDF7 url(/images/sugar/defaultbackground.png) 50% 0 no-repeat;
	color:			#822E35;
	margin:			0;
	padding:		0;
	font-family:	'Helvetica Neue','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Helvetica,'メイリオ','ＭＳ ゴシック',Arial,sans-serif;
	font-size:		14px;
	min-width:		960px;
	height:			100%;
}
@media only screen and (orientation:portrait) and (device-width:768px) and (device-height:1024px){
	body.tablet{
		font-size:			17px;
	}
}

::selection{
	background:		#D4CDCF;
	background:		rgba(124,98,103,0.25);
}
header, nav, section, article, aside, footer{
	display:		block;
}


/*
#### 基礎のスタイル ###############################
#
#
#
#### ベースメント ###############################
*/


/* ボディのスタイル */
body.litbody{
	color:					#968185;
	color:					rgba(124,98,103,0.8);
}
body.darkbody{
	color:					#FFFFFF;
	color:					rgba(255,255,255,0.8);
}
body.litbody.msie7{
	color:					#968185;
}
body.darkbody.msie7{
	color:					#FFFFFF;
}


/* ヘッダ */
#GlobalHead{
	width:					960px;
	padding:				0;
	overflow:				hidden;
	
	height:					50%;
	margin:					0 auto -275px;
	/* 275 + "50" = 325 */
	min-height:				325px;
	/* 275 + "117" = 325 */
	max-height:				392px;
}
#GlobalHead:before,
#GHB4IE7{
	display:				block;
	content:				"";
	
	height:					59.7%;
	margin-bottom:			-194px;
	/* 194 + "0" = 194 */
	min-height:				194px;
	/* 194 + "40" = 234 */
	max-height:				234px;
}
#NavigatorTitle{
	display:				block;
	width:					238px;
	height:					50px;
	padding:				0;
	margin:					0;
	height:					50px;
	float:					left;
}
#NavigatorTitle a{
	display:				block;
	width:					100%;
	height:					100%;
	text-indent:			-1000px;
	overflow:				hidden;
	padding:				0;
	margin:					0;
	background:				url(/images/sugar/mclogo.png) 0 0 no-repeat transparent;
	position:				relative;
}
.darkbody #NavigatorTitle a{
	background-image:		url(/images/sugar/mclogo-white.png);
}

#GlobalHead nav{
	display:				block;
	bottom:					0;
	margin:					0;
	padding:				0;
	height:					50px;
	float:					left;
}
#Navigation{
	margin:					0;
	padding:				10px 0;
	list-style:				none none;
	min-height:				30px;
	float:					left;
}
#Navigation li{
	display:				block;
	height:					30px;
	padding:				0 0 0 59px;
	margin:					0;
	float:					left;
}
#Navigation li#NavigationLi0{
	padding:				0 0 0 51px;
}

/* ヘッダリンク */
#Navigation a{
	display:				block;
	height:					30px;
	text-indent:			-1000px;
	overflow:				hidden;
	padding:				0 7px;
	margin:					0;
	background-image:		url(/images/sugar/menu1.png);
	background-repeat:		no-repeat;
	
	position:				relative;
	
	/*-webkit-perspective:	200px;
	-webkit-transition:		-webkit-transform 0.05s ease-out;*/
}
.darkbody #Navigation a{
	background-image:		url(/images/sugar/menu1-white.png);
}
#Navigation a:after,
#Navigation a:after,
#NavigatorTitle a:after,
#NavigatorTitle a:after{
	content:				"";
	display:				block;
	position:				absolute;
	top:					0;
	left:					0;
	right:					0;
	bottom:					0;
	cursor:					inherit;
	
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
}
/*
#NavigationLi5 a:after{
	right:					24px;
}
*/
#Navigation a:hover:after,
#Navigation a:focus:after,
#NavigatorTitle a:hover:after,
#NavigatorTitle a:focus:after{
	border:					1px solid rgba(130, 46, 53, 0.4);
	background:				rgba(255, 255, 255, 0.25);
}
#Navigation a:active:after,
#NavigatorTitle a:active:after{
	border:					1px solid rgb(130, 46, 53);
	background:				rgba(255, 255, 255, 0.5);
}
.darkbody #Navigation a:hover:after,
.darkbody #Navigation a:focus:after,
.darkbody #NavigatorTitle a:hover:after,
.darkbody #NavigatorTitle a:focus:after{
	border:					1px solid rgba(255, 255, 255, 0.4);
}
.darkbody #Navigation a:active:after,
.darkbody #NavigatorTitle a:active:after{
	border:					1px solid rgb(255, 255, 255);
}
.touchUI #Navigation a:after,
.touchUI #NavigatorTitle a:after{
	display:				none !important;
}

#Gallery #NavigationLi0 a,
#Comics #NavigationLi1 a,
#Video #NavigationLi2 a,
#Softwares #NavigationLi3 a,
#Diary #NavigationLi4 a,
#About #NavigationLi5 a{
	background-image:		url(/images/sugar/menu2.png);
}

#Gallery.darkbody #NavigationLi0 a,
#Comics.darkbody #NavigationLi1 a,
#Video.darkbody #NavigationLi2 a,
#Softwares.darkbody #NavigationLi3 a,
#Diary.darkbody #NavigationLi4 a,
#About.darkbody #NavigationLi5 a{
	background-image:		url(/images/sugar/menu2-white.png);
}

#NavigationLi0 a{
	width:					76px;
	background-position:	50% 0;
}
#NavigationLi1 a{
	width:					74px;
	background-position:	50% -30px;
}
#NavigationLi2 a{
	width:					63px;
	background-position:	50% -60px;
}
#NavigationLi3 a{
	width:					88px;
	background-position:	50% -90px;
}
#NavigationLi4 a{
	width:					61px;
	background-position:	50% -120px;
}
#NavigationLi5 a{
	width:					66px;
	background-position:	50% -150px;
}


/* プリローダー */
#NavigationLi0{
	background:				url(/images/sugar/menu2.png) 0 500px no-repeat;
}


/* デフォルトページ */
#Page{
	font-size:				100%;
	width:					960px;
	margin:					0 auto;
	padding:				0;
	position:				relative;
	
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
}
@media only screen and (max-width:960px){
	#Page{
		-webkit-border-radius:	0;
		-moz-border-radius:		0;
		border-radius:			0;
	}
}

.gijiradius{
	position:				relative;
	
	-webkit-border-radius:	0 !important;
	-moz-border-radius:		0 !important;
	border-radius:			0 !important;
}
.gijiradius:after,
.gijiradius:before,
.gijiradius > div:after,
.gijiradius > div:before{
	content:				"";
	display:				block;
	width:					6px;
	height:					6px;
	background-image:		url(/images/sugar/giji-radius.png);
	position:				absolute;
	z-index:				1000;
}
.gijiradius:after{
	background-position:	0 0;
	top:					0;
	left:					0;
}
.gijiradius:before{
	background-position:	100% 0;
	top:					0;
	right:					0;
}
.gijiradius > div:after{
	background-position:	0 100%;
	bottom:					0;
	left:					0;
}
.gijiradius > div:before{
	background-position:	100% 100%;
	bottom:					0;
	right:					0;
}


/* デフォルトフッタ*/
body > footer,
#Page + footer{
	font-size:				85.7142857142857%;
	width:					960px;
	margin:					24px auto;
	text-align:				center;
}
body > footer p,
#Page + footer p{
	margin:					1em;
}

/* for some versions of webkit */
body:after{
	display:				block;
	content:				"";
	height:					1px;
	margin-top:				-1px;
}


/*
#### ベースメント ###############################
#
#
#
#### クラスとボックス要素 ###############################
*/


p{
	margin:			1.5em 0;
}

.centering{
	text-align:		center !important;
}

.lefting{
	text-align:		left !important;
}

.righting{
	text-align:		right !important;
}

img.lefting{
	float:			left;
	margin:			0 8px 8px 0;
}

img.righting{
	float:			right;
	margin:			0 0 8px 8px;
}

.centering table{
	margin-left:	auto;
	margin-right:	auto;
}


/*
#### クラスとボックス要素 ###############################
#
#
#
#### フォーム ###############################
*/


form{
	margin:						0;
}
input{
	font-size:					14px;
	line-height:				normal;
}
input[type="text"],
input[type="email"],
input[type="url"],
textarea,
.dammyinput{
	border:						1px solid #9C9C9C;
	background:					#FFFFFF;
	font-family:				'Helvetica Neue','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Helvetica,'メイリオ','ＭＳ ゴシック',Arial,sans-serif;
	color:						#695055;
	
	-webkit-appearance:			none !important;
	
    -webkit-border-radius:		2px;
    -moz-border-radius:			2px;
	border-radius:				2px;
	
	-webkit-box-shadow:			inset 0 2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:			inset 0 2px 2px rgba(0,0,0,0.05);
	box-shadow:					inset 0 2px 2px rgba(0,0,0,0.05);
}
input[type="email"]{
	ime-mode:					disabled;
}
textarea{
	width:						100%;
	height:						220px;
	min-height:					220px;
	margin:						0px;
	font-size:					14px;
	vertical-align:				top;
	
	resize:						vertical;
	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
	-ms-box-sizing:				border-box;
	box-sizing:					border-box;
}
::-webkit-input-placeholder{
	color:						#B0A1A4;
}
select, option{
	line-height:				normal;
}
button{
	border:						0 none !important;
	font-size:					1.142857142857143em;
	font-family:				'Georgia','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ ゴシック',serif;
	width:						7.3125em;
	height:						2em;
	line-height:				2em;
	padding:					0;
	color:						#000000;
	text-shadow:				0 0.0625em rgba(255,255,255,0.6);
	background-image:			url(/images/buttons/i_white.png);
	background-color:			transparent !important;
	
	-webkit-background-size:	100% 200%;
	-moz-background-size:		100% 200%;
	background-size:			100% 200%;
}
button:active{
	background-position:		0 -100%;
}
button:disabled{
	color:						#888888;
	background-image:			url(/images/buttons/i_white_.png);
	
	-webkit-background-size:	100% 100%;
	-moz-background-size:		100% 100%;
	background-size:			100% 100%;
}

button.small{
	font-size:					1em;
	width:						9.142857142857143em;
	height:						1.928571428571429em;
	line-height:				1.928571428571429em;
	text-shadow:				0 0.07142857142857143em rgba(255,255,255,0.6);
	background-image:			url(/images/buttons/i_whites.png) !important;
	
	-webkit-background-size:	100% 200% !important;
	-moz-background-size:		100% 200% !important;
	background-size:			100% 200% !important;
}
button:active{
	background-position:		0 -100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus,
.dammyinput.focussed{
	outline:					none !important;
	
	border-color:				#7C6267 !important;
	
	-webkit-box-shadow:			0 0 3px #C51A16;
	-moz-box-shadow:			0 0 3px #C51A16;
	box-shadow:					0 0 3px #C51A16;
}

.dammyinput input{
	background:					none transparent !important;
	outline:					none !important;
	border:						none !important;
	
	-webkit-box-shadow:			none !important;
	-moz-box-shadow:			none !important;
	box-shadow:					none !important;
}


/*
#### フォーム ###############################
#
#
#
#### テーブル ###############################
*/


#Page table{
	font-size:					14px;
	margin:						1.5em 0;
	border-spacing:				0;
	border-collapse:			collapse;

}

#Page td{
	text-align:					left;
	padding-left:				0.3333em;
	vertical-align:				top;
}

#Page th{
	font-weight:				bold;
	text-align:					right;
	padding-right:				0.3333em;
	vertical-align:				top;
}
#Page thead th{
	text-align:					center;
}


/*
#### テーブル ###############################
#
#
#
#### ヘッド ###############################
*/


h1{
}
h1 img{
	vertical-align:	top;
}

h2{
	font-size:		16px;
	margin:			21px 0;
	text-align:		left;
	font-weight:	bold;
}

h3{
	font-size:		14px;
	margin:			21px 0;
	padding:		0px;
	font-weight:	bold;
	clear:			both;
}

h4{
	font-size:		10px;
	margin:			18px 0;
	font-weight:	bold;
}



/*
#### ヘッド ###############################
#
#
#
#### インライン要素 ###############################
*/


/* 要素 */
i, b, em, strong{
	font-style:		normal;
	font-weight:	bold;
}

del{
	text-decoration:line-through;
	font-style:		normal;
}
ins{
	text-decoration:none;
	font-style:		normal;
	color:			#577B9A;
}
q{
	color:			#577B9A;
	quotes:			none;
	
	-webkit-background-size:	1em 1em;
	-moz-background-size:		1em 1em;
	background-size:			1em 1em;
}
q:before{
	color:			#A4989D;
	content:		"『";
}
q:after{
	color:			#A4989D;
	content:		"』";
}
code{
	background-color:#FFFFBD;
	font-family:	Menlo,Courier,'Osaka-等幅',monospace;
}

/* 画像と配置 */
img{
	border:			0;
	outline:		0 !important;
	text-decoration:none;
}

.middlepoz{
	vertical-align:	middle;
}
.toppoz{
	vertical-align:	top;
}
.basepoz{
	vertical-align:	baseline;
}
.bottompoz{
	vertical-align:	bottom;
}

/* リンク */
a:link,
a:visited,
a:hover,
a:focus,
a:active{
	color:				inherit;
}
a:link,
a:visited{
	text-decoration:	none;
}
a:hover,
a:focus,
a:active{
	text-decoration:	underline;
	outline:			none !important;
}

/* ページのリンク */
body > section a:link,
body > article a:link,
body > section a:visited,
body > article a:visited,
body > section .dammylink
body > article .dammylink{
	color:				#A4353A;
	text-decoration:	none;
	outline:			none !important;
}
body > section a:hover,
body > article a:hover,
body > section a:focus,
body > article a:focus{
	color:				#AA393D;
	background-color:	#FFFFFF;
	text-decoration:	none;
}
body > section a:active,
body > article a:active{
	color:				#FFFFFF;
	background-color:	#AA393D;
	text-decoration:	none;
}

a img,
a img:link,
a img:visited,
a img:focus,
a img:hover,
a img:active{
	text-decoration:	none;
	border:				none;
	outline:			none;
}
a.imagelink{
	background-color:	transparent !important;
}

/* クラス */
.inactive,
a.inactive:link, a.inactive:visited, a.inactive:hover, a.inactive:focus{
	color:			#AFA9B3;
	color:			rgba(124,98,103,0.45);
}
body.darkbody .inactive{
	color:			#737373;
	color:			rgba(255,255,255,0.45);
}
.decoration{
	color:			#577B9A;
}
.hanten{
	color:			#E0E8ED !important;
	speak:			none;
}
.hanten a{
	color:			#E4E1DE !important;
}


/*
#### インライン要素 ###############################
#
#
#
#### リスト ###############################
*/


ul, ol, dl{
	margin:				1.5em 0px;
	padding:			0;
}

ul li{
	list-style-type:	square;
	margin:				0 21px 0 24px;
	padding:			0;
}
ol li{
	margin:				0 21px 0 24px;
	padding:			0;
}

li ul{
	margin:				0;
}

li li{
	list-style-type:	disc;
}


/*
#### リスト ###############################
#
#
#
#### Apple WebKit スクロールバー ###############################
*/


/* スクロールバー領域 */
#Page ::-webkit-scrollbar{
    width:					16px;
    height:					16px;
}

#Page ::-webkit-scrollbar-corner{
}

#Page ::-webkit-resizer{
    background:				url(/images/sugar/scroll/edgeresize.png) no-repeat 50% 50%;
}

/* 縦方向スクロールバー */
#Page ::-webkit-scrollbar:vertical{
}
#Page ::-webkit-scrollbar-thumb:vertical{
    -webkit-border-image:	url(/images/sugar/scroll/barv.png) 8 0 8 0;
    border-color:			transparent;
    border-width:			8px 0;
    min-height:				16px;
}
#Page ::-webkit-scrollbar-track-piece:vertical:decrement{
    -webkit-border-image:	url(/images/sugar/scroll/trackv.png) 8 0 8 0;
    border-color:			transparent;
    border-width:			8px 0 0 0;
}
#Page ::-webkit-scrollbar-track-piece:vertical:increment{
    -webkit-border-image:	url(/images/sugar/scroll/trackv.png) 8 0 8 0;
    border-color:			transparent;
    border-width:			0 0 8px 0;
}


/*
#### スクロールバー ###############################
#
#
#
#### その他 ###############################
*/


/* サーチエンジン対応 */
body > div:first-child, body > table:first-child{
	/* Google, Bing */
	position:				absolute;
	top:					0;
	left:					0;
	right:					0;
}
body > div:first-child + div{
	/* Google */
	position:				absolute;
	top:					10em;
	left:					0;
	right:					0;
}
body > table:first-child + div{
	/* Bing */
	position:				absolute;
	top:					12em;
	left:					0;
	right:					0;
}

/* 判別 */
.invisible,
.notForScreen,
.touchUI .notForTouchUI,
.mouseUI .notForMouseUI,
.mouseUI .onlyForTouchUI,
.touchUI .onlyForMouseUI,
.tablet .notForTablet,
.mobile .notForMobile,
.tablet .onlyForDesktop,
.mobile .onlyForDesktop,
.tablet .onlyForMobile,
.desktop .onlyForMobile,
.mobile .onlyForTablet,
.desktop .onlyForTablet,
.trident .notForTrident{
	display:		none;
}

/* その他 */
.nowrap,
.nowrap *{
	white-space:	nowrap;
}
*[lang="ja"]{
	font-family:	'Helvetica Neue','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Helvetica,'メイリオ','ＭＳ ゴシック',Arial,sans-serif !important;
}
rt{
	line-height:	normal;
}

/* プライベート利用 */
.avhdln{
	position:		fixed;
	left:			0;
	right:			0;
	bottom:			0;
	background:		rgba(0,0,0,0.01);
	z-index:		99;
}
.avhdavgpnt{
	background:		red !important;
	height:			1px !important;
	bottom:			auto !important;
}
#MCdisplayDsiplayer{
	position:		fixed;
	z-index:		100;
	background:		white;
	color:			black;
	bottom:			0;
	right:			0;
}


/*
#### その他 ###############################
#
#
#
*/