@charset "shift_jis";

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

	Structure CSS

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

html {
	background: #FFF;
	color: #434343;
}

body {
	min-width:1000px;
	background: url(https://static.chara-ani.com/ca/i/base/body_bg_blue.gif);
	margin-top:75px;
}

body.logoff {
	margin-top:66px;
}

body.login {
	margin-top:76px;
}

body.exceptionPage {
	margin-top:0px;
}
/*2014/06/23 サイトリニューアル　margin-top追加*/
body.blue    {background-image: url(https://static.chara-ani.com/ca/i/base/body_bg_blue.gif);	margin-top:75px;}
body.pink    {background-image: url(https://static.chara-ani.com/ca/i/base/body_bg_pink.gif);	margin-top:75px;}
body.bgWhite {background-image: url(https://static.chara-ani.com/ca/i/common/bg_fill_white.gif);}


/* Header
========================================== */
#headWrap {
	border-top: 3px solid #528ACE;
	background: #FFF url(https://static.chara-ani.com/ca/i/base/headwrap_bg_blue.gif) no-repeat 50% 100%;
}

body.blue #headWrap {border-color: #528ACE; background-image: url(https://static.chara-ani.com/ca/i/base/headwrap_bg_blue.gif);}
body.pink #headWrap {border-color: #E96DB9; background-image: url(https://static.chara-ani.com/ca/i/base/headwrap_bg_pink.gif);}
#header {
	margin: 0 auto;
	padding: 0px 148px 0 259px;
	width: 593px;
	background: url(https://static.chara-ani.com/ca/i/base/header_bg.gif) no-repeat 0 100%;
	min-height:80px;
}

*html #header {
	height:80px;
}

/* Menu
========================================== */
#categoryMenu {
	background: #528ACE url(https://static.chara-ani.com/ca/i/base/categorymenu_bg_blue.gif) repeat-x;
}

body.blue #categoryMenu {background: #528ACE url(https://static.chara-ani.com/ca/i/base/categorymenu_bg_blue.gif) repeat-x;}
body.pink #categoryMenu {background: #E96DB9 url(https://static.chara-ani.com/ca/i/base/categorymenu_bg_pink.gif) repeat-x;}

#recommendMenu {
	background: #A3BCDB url(https://static.chara-ani.com/ca/i/base/recommenu_bg_blue.gif) repeat-x;
}

body.blue #recommendMenu {background: #A3BCDB url(https://static.chara-ani.com/ca/i/base/recommenu_bg_blue.gif) repeat-x;}
body.pink #recommendMenu {background: #EBB3D5 url(https://static.chara-ani.com/ca/i/base/recommenu_bg_pink.gif) repeat-x;}


/* Wrapper
========================================== */
#wrapper {
	margin: 0 auto;
	width: 1000px;
	background: url(https://static.chara-ani.com/ca/i/base/wrapper_bg.gif) repeat-y 50% 0;
	zoom: 1;
}

#wrapper:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.contentsWide01 {background: url(https://static.chara-ani.com/ca/i/base/contentswide_bg_01.gif) repeat-y 100% 0 !important;}
.contentsWide02 {background: url(https://static.chara-ani.com/ca/i/base/contentswide_bg_01.gif) repeat-y        !important;}
.contentsWide03 {background: url(https://static.chara-ani.com/ca/i/base/contentswide_bg_02.gif) repeat-y        !important;}

	/* Contents
	---------------------------------------- */
	#contents {
		float: left;
		display: inline; /* for IE */
		padding: 12px 15px 0;
		width: 510px;
	}
	
	.contentsWide01 #contents {
		padding-right: 25px;
		width: 730px;
		min-height:400px;
	}
	
	.contentsWide02 #contents {
		width: 740px;
	}
	
	.contentsWide03 #contents {
		margin: 0 0 0 135px;
		width: 700px;
		height: auto; /* for Modern Browser */
	}
	
	/* Side Info
	---------------------------------------- */
	#wrapper .sideInfo {
		padding: 12px 15px 0;
		width: 200px;
	}
	
	#leftInfoBar {
		float: left;
	}
	
	#rightInfoBar {
		float: right;
	}


/* Footer
========================================== */
#footWrap {
	background-color: #528ACE;
	zoom: 1;
}

body.blue #footWrap {background-color: #528ACE;}
body.pink #footWrap {background-color: #E96DB9;}

#footer {
	margin: 0 auto;
	width: 1000px;
}

.narrow #footer {padding-top: 3px;}