﻿@charset "utf-8";

/*
	Site Name: 立川まんがぱーく
	Description: initial setting
	Version: 2013/05/28 23:11
	Author: Nagano Syouten Creative
*/

/*
===== CONTENTS ==========

	1: FOOTER
	  1-1 : PAGE TOP
	  1-2 : FOOTER NAV
	  1-3 : COPYRIGHTS
	2: MAIN CONTENTS
	  2-1 : WRAPPER
	  2-2 : MAIN CONTENTS
	    2-2-1 : CONTENTS TITLE
	  2-3 : INDEX
	    2-3-1 : INDEX SLIDE
	    2-3-2 : INDEX NAV
	  2-4 : ENTRIES BOX  (COMMON)
	  2-5 : COMMON FOOTER
	    2-5-1 : SNS BUTTON (COMMON)
	    2-5-2 : COMMON BANNERS
	    2-5-3 : EVENT CALENDAR + TWITTER (COMMON)
	3: RIGHT-NAV
	  3-1 : LOGO
	  3-2 : NAV
	  3-3 : SEARCH BOX
	  3-4 : BANNERS
	  3-5 : FACEBOOK ACTIVITY
	  

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

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

 1: FOOTER
 
==========================
*/
#footer{
	clear : both;
	width : 100%;
	height : 170px;
	position : relative;
	font-size : 13px;
	background : url(./img/common/fback1.jpg) 0 100% repeat-x;
	text-align : center;/* box centering */
}
#footer-inner{
	width : 987px;
	height : 170px;
	margin : 0 auto;
	position : relative;
	background : url(./img/common/finnerback.jpg) 0 100% no-repeat;
	/*border-left : 1px dotted #EFEFEF;   */
	/*border-right : 1px dotted #EFEFEF;   */
}
/*
==========================
1-1 : PAGE TOP
==========================
*/
#footer-inner .ftop{
	width : 115px;
	height : 35px;
	right : 10px;
	bottom : 130px;
	position : absolute;
}
/*
==========================
1-2 : FOOTER NAV
==========================
*/
#footer-inner #fnav{
	width : 876px;
	height : 40px;
	right : 68px;
	bottom : 93px;
	position : absolute;
	background : url(./img/common/fnavback.png) 0 0 no-repeat;
}
/*
==========================
1-3 : COPYRIGHTS
==========================
*/
#footer-inner .copyright{
	width : 100%;
	bottom : 40px;
	position : absolute;
	text-align : center;
	color : #FFF;
	font-size : 1.1em;
	text-shadow : 0 -1px 1px #666;
}


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

 2: MAIN CONTENTS
 
==========================
*/
/*
==========================
2-1 : WRAPPER
==========================
*/
#wrapper {
	margin : 0 auto;
	width : 1050px;
	/* width : 985px; */
	height : auto;
	background : url(./img/common/lback.jpg) 32px 0 repeat-y;  /*DEL */
	/* border-left : 1px dotted #EFEFEF;  */
	 /*border-right : 1px dotted #EFEFEF;  */
}



/*
==========================
2-2 : MAIN CONTENTS
==========================
*/
#main-contents{
	float : right;
	width : 710px;
	height : auto;
	margin : 25px 35px 0px 0;
	padding : 0;
	overflow : hidden;
	text-align : center;
	/*border : 1px solid #EFEFEF;DEL */
	text-align : justify;
	text-justify : inter-ideograph;
}
/* ----------------------------------------
2-2-1 : CONTENTS TITLE
---------------------------------------- */
#main-contents #contentstitle{
	width : 710px;
	margin : 0px auto 15px;
}
/* ----------------------------------------
2-2-3 : PAGE TITLE
---------------------------------------- */
#main-contents .pagetitle{
	width : 700px;
	margin : 0px auto 15px;
	overflow : hidden;
}
/* ----------------------------------------
2-2-3 : PAGE BODY
---------------------------------------- */
#main-contents #entry{
	clear : both;
	width : 680px;
	margin : 0px auto 55px;
	overflow : hidden;
	text-align : justify;
	text-justify : inter-ideograph;
	font-size : 100%;
	line-height : 1.4;
	/*border : 1px solid #EFEFEF;DEL */
}

/*
==========================
2-3 : INDEX
==========================
*/
/* == 2-3-1 : INDEX SLIDE == */
#main-contents #islide{
	width : 700px;
	height : 390px;
	margin : 3px auto 35px;
	background : #FFF;
	position : relative;
	text-align : center;
	border : 1px solid #EFEFEF;
	-moz-border-radius : 10px; /* Firefox */
	-webkit-border-radius : 10px; /* Safari and Chrome */
	border-radius : 10px; /* Opera 10.5+, future browsers */
	box-shadow : 3px 5px 8px rgba(0,0,0,0.2);
}
#main-contents #islide .slidelogo{
	top : 35px;
	right : 35px;
	position : absolute;
	z-index : 9999;
}

/* == 2-3-2 : INDEX NAV == */
#main-contents #inav{
	width : 700px;
	margin : 0 auto 25px;
}


/*
==========================
2-4 : ENTRIES BOX  (COMMON)
==========================
*/
#main-contents #entriesboxarea1{
	width : 700px;
	height : auto;
	margin : 0 auto 35px;
	overflow : hidden;
	/* border : 1px solid #EFEFEF; */
}

/*
==========================
2-5 : ページ分割 (PAGE BUTE)
==========================
*/
#main-contents #pagenate{
	clear : both;
	width : 710px;
	margin : 0 0 35px;
	font-size : 14px;
	text-align :center;
	overflow : hidden;
	background : #FFF;
}


/*
==========================
2-6 : COMMON FOOTER
==========================
*/
/* ----------------------------------------
2-6-1 : SNS BUTTON (COMMON)
---------------------------------------- */
#main-contents .sns{
	clear : both;
	width : 700px;
	height : auto;
	margin : 0 auto 15px;
	overflow : hidden;
}
/* ----------------------------------------
2-6-2 : COMMON BANNERS
---------------------------------------- */
#main-contents .combanners{
	clear : both;
	width : 700px;
	height : auto;
	margin : 0 auto 15px;
	overflow : hidden;
/*	border : 1px solid #EFEFEF;  */
}

/* ----------------------------------------
2-6-3 : EVENT CALENDAR + TWITTER (COMMON)
---------------------------------------- */
/* == 共通 BOX 1 == */
#main-contents #comboxarea1{
	width : 700px;
	height : auto;
	margin : 0 auto 25px;
	overflow : hidden;
/*	border : 1px solid #EFEFEF;  */
}
/* == イベントカレンダー BOX == */
#main-contents #comboxarea1 #eventcalendarbox{
	float : left;
	width : 442px;
	padding-bottom : 15px;
	position : relative;
	background : url(./img/common/calenderback2.jpg);
	border : 1px solid #EFEFEF;
	box-shadow : inset 1px 1px 3px rgba(0,0,1,0.1);
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;

}
/* -- カレンダーエリア -- */
#main-contents #comboxarea1 #eventcalendarbox #calendar{
	width : 380px;
	/*left : 14px;
	top : 70px;
	position : absolute;
	display : block;*/
	margin : 0 auto;
	padding : 20px 16px 20px;
	background : #FFF;
	border : 1px solid #EFEFEF;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;
	box-shadow : inset 1px 2px 1px rgba(0,0,5,0.3);
}

/* == Twitter BOX == */
#main-contents #comboxarea1 #twitterbox{
	float : right;
	width : 230px;
	height : auto;
}

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

 3: LEFT NAV
 
==========================
*/
#left-nav{
	float : left;
	width : 242px;
	height : 100%;
	margin : 0 0 0 32px;
	padding-bottom : 30px;
	text-align : center;
}
/*
==========================
3-1 : LOGO
==========================
*/
#left-nav .comlogo{
	width : 242px;
	margin : 0 auto;
}
/*
==========================
3-2 : NAV
==========================
*/
#left-nav #lnav{
	width : 200px;
	height : auto;
	margin : 0 auto 30px;
}
/*
==========================
3-3 : SEARCH BOX
==========================
*/
#left-nav #searchbox{
	width : 200px;
	height : auto;
	margin : 0 auto 30px;
	overflow : hidden;
}
/*
==========================
3-4 : BANNERS BOX
==========================
*/
#left-nav #leftbanners1{
	width : 200px;
	height : auto;
	margin : 0 auto 30px;
	overflow : hidden;
}
/*
==========================
3-5 : FACEBOOK ACTIVITY
==========================
*/
#left-nav #leftfb{
	width : 200px;
	height : auto;
	margin : 0 auto 30px;
	overflow : hidden;
}
/*
==========================
3-6 : MAIL MAGAZINE
==========================
*/
#left-nav #mailmagazine{
	width : 200px;
	height : auto;
	margin : 0 auto 35px;
	overflow : hidden;
}

/*
==========================
3-5 : ADRESS BOX
==========================
*/
#left-nav #adressbox{
	width : 180px;
	height : auto;
	margin : 0 auto 35px;
	padding : 15px 10px 5px;
	overflow : hidden;
	text-align : left;
	border : 1px solid #EFEFEF;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;
	box-shadow : inset 1px 1px 1px rgba(0,0,5,0.2);
}






