@charset "UTF-8";
/*====================================================*/

/*【共通レイアウトを規定する CSSです。】*/

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


/* 基本要素 幅 */
#header,	/* default: コンテンツ背景色 */
#contents,
#footer {
	width: 100%;
	min-width: 980px;	/* 横スクロールバー出現時の対策 */
	margin: 0;
	padding: 0;
}
/* 版面 幅 */
.wrapper {
	width: 948px;
	padding: 0px 16px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* == logined page: common styles =================== */

/* FontColor & backGroundColor */
body {
	/*background-color: #f9f5de;*/	/* default: フッター背景色 */
	color: #231815;	/* body テキスト 文字色:K=100と同色 */
}

#sitemap a,
#footerNav a {
	color: #231815;
	font-size:85%;
	text-decoration:none;/* サイトマップ&フッター リンクテキスト 文字色 */
}

/* backGroundImage from webParts */
#header ,	/* ヘッダー画像 */
#logo a ,	/* ロゴ画像 */
#logo span ,	/* ロゴ画像 */
#subTitle ,	/* サブタイトル画像 */
.btnLogout,	/* ログアウトボタン */
/*#bcBottom ,*/	/* サイトマップ上パンくずナビ画像 */
/*#footer ,*/	/* サイトマップ・フッタ画像 */
#copyright	/* コピーライト画像 */
{
	background-image: url("../../img/common/bgLogined.png");
	background-position: top center;	/*省略用 基本位置。それぞれオーバーライドで調整	*/
	background-repeat: no-repeat;
	overflow: hidden;
}

/* ログアウトボタン */
.btnLogout {
	width: 96px;
	height: 25px;
	display: block;
	text-indent: -9999px;
}
#sitemap dt a:hover,
a.btnLogout:hover {
	background-color:transparent !important;
}

/* ロゴさしかえ */
#logo a ,	/* ロゴ画像 */
#logo span {	/* ロゴ画像 */
	background-image: url("../../img/common/logo_kids.png");
}

/*====================================================*/
/*【ヘッダー】*/
/*====================================================*/

#header {
	height: 132px;
}

#logo,
#logo a,
#logo span {	/*span:ロゴにリンクを張らない場合。初回登録時用 */
	width: 202px;
	height: 60px;
	display: block;
}
#logo {
	float: left;
	margin-top: 30px;
	margin-left: -1px;
}
#logo a,
#logo span {
	text-indent: -9999px;
	background-position: 0px 0px;
}


#subTitle {
	float: left;
	width: 170px;
	height: 40px;
	margin-top: 40px;
	text-indent: -9999px;
	background-position: -120px -150px;
	display: none; /*使用停止*/
}


#hBtnLogout {
	float: right;
	margin-top: 45px;
	padding-right: 21px;
}
#hBtnLogout .btnLogout {
	background-position: -300px -150px;
}



/*====================================================*/
/*【メイン部分 レイアウト】*/
/*====================================================*/
#content {
	/*padding-top: 32px;*/
	/*clear: both;*/
	/*width: 100%;*/
	/*min-width: 980px;*/	/* 横スクロールバー出現時の対策 */
	/*padding-top: 64px;*/
	/*padding-bottom: 64px;*/	/* オーバーフッターイラスト導入時は調整 */
	/*margin: auto;*/
}


#main {
/*
	width: 900px;
	padding: 0px 0px 0px 48px;*/	/*float box の margin領域確保のため右paddingはナシ*/
/*	background-color: #fff;*/
}



/* == グリッドシステム ボックス ========== */
#main .gridBox2,
#main .gridBox3,
#main .gridBox4,
#main .gridBox5,
#main .gridBox6 {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}


/* == エンドナビ(ページの先頭､前後遷移) ========== */
.endNavi {
	font-size:12px;
	line-height: 1.3 !important;
    padding-bottom: 24px;
    padding-top: 24px;
}
.endNavi ul,
.endNavi li {
	display: block;
	overflow: hidden;
}
.endNavi ul {
	padding: 0;
}
.endNavi li {
/*	width: 300px;*/
}
.endNavi li a {
	color: #474543;
}
.endNavi li a:hover {
	margin-bottom: 0;
}

/* ページの先頭 */
.endNavi li.toTop {
	float: right;
	text-align: right;
	width: 320px;
}
.endNavi li.toTop a {
	padding-right: 20px;
	background: url("../../img/common/icon_arrowTop.gif") center right no-repeat;
}

/* HOME or ContentsTop */
.endNavi li.goIndex {
	text-align: left;
	float: left;
	width: 320px;
}
.endNavi li.goIndex a {
	padding-left: 20px;
	background: url("../../img/common/icon_arrowTL.gif") center left no-repeat;
}




/*====================================================*/
/*【パンくずナビ】*/
/*====================================================*/
.breadCrumb#bcTop {
	/*height: 60px;
	position: relative;*/
	padding: 54px 0 12px;
}
.breadCrumb#bcTop h1,
.breadCrumb#bcTop div {
	/*position: absolute;
	top: 0;
	left: 0px;*/
	overflow: hidden;
	background-color: #ccc;

}
.breadCrumb#bcTop h1,
.breadCrumb#bcTop div,
.breadCrumb#bcTop h1 a
.breadCrumb#bcTop div a {
	/*width: 112px;
	height: 50px;
	display: block;
	margin: 0 0 0 -1px;
	padding: 0;	*/
}


.breadCrumb#bcTop h1,
.breadCrumb#bcTop div {

	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../../img/common/bg_border.gif) repeat ;
	color: #fff;
	padding: 4px 8px 1px;
	line-height: 1.3;
	height: auto;
	border-radius: 3px; /* css3 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*width: 104px;*/
	display: inline-block;
	float: left;
	margin: 0 12px 0 4px;
	border-bottom: 1px solid #F0F0F0;
}
.write .breadCrumb#bcTop h1,
.write .breadCrumb#bcTop div {
	background: #f6631f;
}
/* リンクつけた場合に使用
.breadCrumb#bcTop h1 a
.breadCrumb#bcTop div a {

}
*/



.breadCrumb#bcTop ul {
	/*	position: absolute;
	top: 0;
	left: 124px; */
    padding-top: 1px;
}


.breadCrumb#bcBottom {
	/* padding: 20px 36px 12px 36px;
	margin-left: -1px;
	margin-right: -1px;
	background-color: transparent;
	background-position: -525px -240px;
	border-bottom: 1px solid #c9c9c9; */
	padding: 24px 14px 5px;
	border-bottom: 0;
	clear: both;
	margin-top: 0 !important;
}





/*====================================================*/
/*【サイトマップ: ログインページ用 オーバーフッタ 機能一覧】*/
/*====================================================*/
#footer {
	/*height: 320px; */
	background-position: bottom center;
	border-top: 1px solid #F0F0F0;
}
#sitemap {
	display: block;
	width: 890px !important;
	/*height: 270px;*/
	padding: 10px 30px 15px !important;
	overflow: hidden;
	position: relative;
	font-size:93%;	/* 12px / 13px基準 */
	line-height: 1.6;
}
#sitemap li,
#sitemap dl,
#sitemap dt,
#sitemap dd,
#sitemap a {
	display: block;
	overflow: hidden;
}
#sitemap li {
	float: left;
}
#sitemap li dd a:hover {
	background: #fff;
	color: #0E8CB6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*#sitemap dt {
	padding: 0 !important;
}*/
#sitemap dd ,
#sitemap dd a {
	padding-left: 0px;
}
#sitemap dd a {
	padding-top: 0px;
}
#sitemap .home {
	width: 134px;
	margin:0px 6px 0px 0px;
}
#sitemap .home dl {
	width: 134px;
}
#sitemap .home dt {
	padding-bottom: 6px !important;
}
#sitemap .home dd {
	color:#8E9E98;
	font-size:85%;
	line-height:180%;
}
#sitemap .home dd.myMenu {
	padding-left: 4px;
}
#sitemap .home dd img {
	padding: 1px 0;
}
#sitemap .home dd.myEnd {
	padding-bottom: 12px;
}

#sitemap .unit {
	width: 124px;
	height:130px;
	padding:0px 0px 0px 0px;
	/* margin:0px 0px 30px; */
	margin: 0 0 10px;
	border-left:1px solid #E8E8E8;
}


#sitemap .bnr {
	width: 216px;
	height:50px;
	padding:0 8px 0 0;
	margin:0;
	overflow: hidden;
}
#sitemap .bnr img {
	vertical-align: top;
}

#sitemap .first {
}

#sitemap .end {
	padding:0px;
}

#sitemap .unit dl {
	width: 125px;
}
#sitemap .unit dt {
	padding:0px 0px 6px 3px;
}

#sitemap .unit dd {
	padding:0px 0px 4px 20px;
	background-image:url(../../img/common/ico_circle.gif);
	background-repeat:no-repeat;
	background-position:1em 0.5em;
}


#sitemap #fBtnLogout {
	width: 96px;
	height: 25px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	right: 31px;
	bottom: 21px;
}

#fBtnLogout .btnLogout {
	/**/background-position: -300px -175px;
	/*background-position: 0px 0px;
	background-image:url(../../img/common/btn_logout.png);
	background-repeat:no-repeat;*/
}


/* 初回登録時 リンク機能をロック */
#sitemap.locked li {
	filter:alpha(opacity=30); /*IE*/
	-moz-opacity:0.3; /*FF*/
	opacity:0.3;
}
#sitemap.locked li#fBtnLogout {
	filter:alpha(opacity=100) !important; /*IE*/
	-moz-opacity:1 !important; /*FF*/
	opacity:1 !important;
	z-index: 9999;
}
#sitemap li#filter {
	width: 948px !important;
	height: 230px;
	display: block;
	z-index: 9998;
	position: absolute;
	top: 0;
	left: 0;
}


/*====================================================*/
/*【フッター】*/
/*====================================================*/



/* == フッターナビ ========== */
#footerNav {
	display: block;
	float: left;
	height: 31px;
	padding-top: 9px !important;
	padding-left: 26px !important;
	font-size:93%;	/* 12px相当:13px基準 */
}
#footerNav li {
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-left: 1px solid #eee;
	text-shadow: 0px 0px 2px #fff;
}
#footerNav a:link,
#footerNav a:visited {
	color: #000;
	text-decoration: none;
}
#footerNav a:hover {
	text-decoration: underline;
}

/* == マルC ========== */
#copyright {
	float: right;
	width: 200px;
	height: 25px;
	margin-top: 11px;
	font-size: 10px;
	color: #222;
	text-indent: 0;
	background-image: none;
	text-align: right;
	padding-right: 20px;
}




/*====================================================*/
/*【非ログインページ用	】*/
/*====================================================*/
/* == 背景画像消去 ========== */
body.logout #header,
body.logout #footer {
	background-image: none;
}
body#members.logout #header,
body#resigns.logout #header {	/*会員登録とパスワード忘れだけヘッダ表示*/
	background-image: url("../../img/common/bgLogined.png");
}


/* == ロゴ ========== */
body.logout #logo,
body.logout #logo a {
	height: 46px;
}

/* == フッター ========== */
body.logout #footer {
	height: 40px;
}

/* == マルC ========== */
body #copyright,
body#mypage #copyright {
	/*background-position: -750px -175px;*/	/* Hampstead Co., Ltd. */
	background-position: -750px -150px;	/* HAMOLO INC. */
}



/* == メニュー ========== */
#aboutIndexMenu{
	float:right;
	width:692px;
	height:33px;
/*margin:-70px 0 0 0;*/
/*border:1px solid #CCC;*/
	padding: 40px 16px 0px 0px;
}
body#members.logout #header #aboutIndexMenu,
body#resigns.logout #header #aboutIndexMenu {	/*会員登録とパスワード忘れだけメニュー非表示*/
	display: none;
}


#aboutIndexMenu ul{
	list-style:none;
	display:block;
	width:692px;
	height:33px;
}
#aboutIndexMenu ul li,
#aboutIndexMenu ul li a {
	display:block;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}

#aboutIndexMenu ul li {
	float:right;
	padding-left: 10px;
}

#aboutIndexMenu ul li a{
}

/*HOME*/
#aboutIndexMenu ul li a.whats{ width:153px; background:url(/img/about/index/menu_about_whats.jpg) #CCC no-repeat;}
/*About PiCRO*/
#aboutIndexMenu ul li a.about{ width:153px; background:url(/img/about/index/menu_about.jpg) #CCC no-repeat;}
/*ひろがるPiCROプロジェクト*/
#aboutIndexMenu ul li a.project{width:193px; background:url(/img/about/index/menu_about_project.jpg) #CCC no-repeat;}
/*よくあるご質問*/
#aboutIndexMenu ul li a.help{width:153px; background:url(/img/about/index/menu_about_help.jpg) #CCC no-repeat;}




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


/* == 開発中 メモ: 消し忘れ公開の対策としてCSS化 == */
.develmemo {
	color: red;
	background: #FFFF99;
	display: none;
}

#bcBottom,#bcTop {
	display: none !important;
}
#content {
	padding-top: 50px;
}