@charset "utf-8";
/* --------------------------------

	(基本レイアウト)

		* last update 09.06/09
		* modify : nazal;
	
--------------------------------

	index
	
	1. Structure Frames
	
	2. Template Style
		├ 2-1. header
		├ 2-2. mainContent
		├ 2-3. aside
		└ 2-4. footer
	
	3. Conditional
		├ 3-1. home
		├ 3-2. 1column
		├ 3-3. 検索窓など
		├ 3-3. 検索窓など
	
--------------------------------


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

	 1. Structure Frames
 
============================================================================================================*/
html {
}
body {
	background: url(../img/frame/bg_body.png) repeat-x top;
	text-align : center; /* for IE5 centering */
	color : #787878;
}
#wrapper {
	text-align : left;
	margin : 0px auto;
	width : 960px;
}
#header {
	position: relative;
	height: 133px;
	zoom: 1;
}
#container {
	clear : both;
}
#mainContent {
	background : #ffffff;
	float : right;
	margin-bottom : 3em;
	width : 710px;
}
#aside {
	float : left; /* for IE6.0 */
	margin-bottom : 3em;
	width : 210px;
}
#footer {
	background: url(../img/frame/border_dotted.png) repeat-x left top;
	clear : both;
	margin-top: 30px;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

	 * 2. Template Style
 
============================================================================================================*/

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

	 2-1. header
 
============================================================================================================*/
#header .siteID,
#header p.tagLine {
	position: absolute;
}

#header .siteID {
	top: 50px;
	left: 0;
}
#header p.tagLine {
	top: 63px;
	right: 0;
}
/* ==========================================================================================================

	 2-2. mainContent
 
============================================================================================================*/
#mainContent p {
	margin-bottom: 0.8em;
}





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

	 2-3. aside
 
============================================================================================================*/
#gNav {
	margin-bottom: 2em;
}
#gNav li {
	float: left;
}


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

	サイドリスト

---------------------------------------------------------------------*/
#sideList {
	margin-bottom: 2em;
}
#sideList li {
	background: url(../img/frame/sideArrow01.png) no-repeat -2px 5px;
	padding-left: 15px;
	color: #f473b4;	
}

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

	twitterウィジェット

---------------------------------------------------------------------*/
#tweets {
	margin-bottom: 2em;
}

/*  ウィジェットのスタイルいじり
-----------------------------------*/
#tweets .twtr-timeline,
#tweets .twtr-join-conv{
	font-size: 10px;
}
#tweets .twtr-join-conv{
	letter-spacing: 0em;
}
#tweets .twtr-ft{
	background-color: #f473b4;
}


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

	 2-4. footer
 
============================================================================================================*/
#footer .inner {
	text-align : left;
	margin : 0px auto;
	padding: 30px 0 40px 0;
	width : 960px;
}
/*  ------------------------------------------------------------------

	pageTop

---------------------------------------------------------------------*/
#footer .inner .pageTop {
	position: relative;
	zoom: 1;
}
#footer .inner .pageTop a {
	position: absolute;
	top: -56px;
	right: 0;
}

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

	footNav

---------------------------------------------------------------------*/
#footNav {
	float: left;
	padding-top: 10px;
	width: 460px;
	font-size: 10px;
	letter-spacing: 0.05em;
}
#footNav li {
	background: url(../img/frame/linkArrow01.png) no-repeat 0% 50%;
	float: left;
	margin-right: 2em;
	padding-left: 10px;
}
#footNav li.rightChild,
#footNav li.lastChild, {
 border: none;
}
#footNav li a {
	text-decoration: none;
}
#footNav li a:hover {
	text-decoration: underline;
}




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

	copyright

---------------------------------------------------------------------*/
#footer p.copy {
	float: right;
	width: 500px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	letter-spacing: 0.05em;
	color: #f473b4;
}
#footer p.copy em {
	margin-left: 1em;
}
#footer p.copy img {
	vertical-align: middle;
}
/* ==========================================================================================================

	 * 3. Conditional
 
============================================================================================================*/


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

	 3-1. home.html
 
============================================================================================================*/
body.home {
}

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

	 3-4. 検索窓など
	 
	 初期設定は検索窓とボタンでそれぞれIDを振り分け
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	input

---------------------------------------------------------------------*/
input#word {
	border: 1px solid #D53A32;
	background-color: #FFFFFF;
	margin-left: 5px;
	width : 127px;
	height : 19px;
	vertical-align: bottom;
}
input#word:focus {
	background: #FFFFDF;
}
/*  ------------------------------------------------------------------

	btn

---------------------------------------------------------------------*/
input#searchBtn {
	margin-left: 5px;
	font-size: 125%;
}





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

	99. clearFix (pkg)

============================================================================================================*/
/* start clearfix */
#footNav:after,
#gNav:after,
#footer .inner:after,
.xxxxxxxxx:after,
.xxxxxxxxx:after,
.xxxxxxxxx:after,
.xxxxxxxxx:after,
.xxxxxxxxx:after,
.xxxxxxxxx:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html #footNav,
* html #gNav,
* html #footer .inner,
* html .xxxxxxxxx,
* html .xxxxxxxxx,
* html .xxxxxxxxx,
* html .xxxxxxxxx,
* html .xxxxxxxxx,
* html .xxxxxxxxx {
	height: 1%;
}
/* ie7 hack */
*:first-child+html #footNav,
*:first-child+html #gNav,
*:first-child+html #footer .inner,
*:first-child+html .xxxxxxxxx,
*:first-child+html .xxxxxxxxx,
*:first-child+html .xxxxxxxxx,
*:first-child+html .xxxxxxxxx,
*:first-child+html .xxxxxxxxx,
*:first-child+html .xxxxxxxxx {
	min-height: 1%;
}
/* end clearfix */