@charset "utf-8";
/* -----------------------------------------------------------------------
	Prototype.css framework 0.1
	http://www.hideblog.net
	Copyright (c) 2009-Present
----------------------------------------------------------------------- */

.rightul{
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #cccccc;
}

.rightul li {

	border-bottom:1px dashed #cccccc;
}

.rightul li a{
	
	background:url(/app/webroot/img/al.gif) no-repeat 7px center;
	padding:10px 10px 10px 20px;
	
	background-color:#fcfbf9;
	display:block;

}

.rightul li a:hover{
	background-color:#FFFDF4;
}



/*
	性別を名前の背景で表す
*/

.namesex1 {
	padding:5px;
	background-color:#E8F7FF;
}

.namesex0 {
	padding:5px;
	background-color:#FFEEFA;
}

.namesex a {
	font-weight:bold;
}

/*
	各コンテンツのタイトル
*/

.title {
	background-image:url(/app/webroot/img/titlebg.gif);
	width:770px;
	
	padding:20px 0 20px 50px;
	color:#333;
}
.subtitle {
	background-image:url(/app/webroot/img/subtitle.gif);
	width:770px;
	
	padding:20px 0 20px 20px;
	color:#333;
}

/* タグアイコン付き サブタイトル <h1 class="subtitle"><span class="tag"><?=h($str);?> とは？</span></h1> */
h1 span.tag {
	background:url(/app/webroot/img/subbg/tag.gif) center left no-repeat;
	padding:7px 0px 7px 40px;
}

/* かばんアイコン付き サブタイトル */
h1 span.bag {
	background:url(/app/webroot/img/subbg/bag.gif) center left no-repeat;
	padding:7px 0px 7px 40px;
}

/* 指名アイコン付き サブタイトル */
h1 span.shimei {
	background:url(/app/webroot/img/subbg/shimei.gif) center left no-repeat;
	padding:7px 0px 7px 40px;
}


.title1004 {
	background-image:url(/app/webroot/img/titlebg1004.gif);
	width:1004px;
	height:43px;
	padding:20px 0 0 50px;
	color:#333;
}
/*
	常にフッターを下にくっつける
*/
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px;
}
.push {
	height: 50px;
	background-image:url(/app/webroot/img/homebg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#logo h1 {
	margin:10px 0 0 0;
	background-image:url(/app/webroot/img/logo.jpg);
	width:156px;
	height:68px;
	text-indent:-1000px;
	/* ¥*/
overflow:hidden;/* */
}
#logo h1 a {
	display:block;
	width:156px;
	height:68px;
}
h1 {
	font-weight:bold;
	color:#676767;
	font-size:12pt;
	padding:0 0 0 15px;
	background:url(/app/webroot/img/default/arrow.gif) no-repeat left center;
	background-repeat:no-repeat;
}
p {
	background-color:#f7f7f7;
	padding:15px;
	margin:10px;
}
#head {
	width:100%;
	height:124px;
	background-image:url(/app/webroot/img/headbg.gif);
}
#head ul.submenu {
	list-style:none;
}
#head ul.submenu li {
	display:inline;
	background:url(/app/webroot/img/al.gif) no-repeat left;
	padding:0 15px 0 10px;
}
/*
	現在選択されているリンクをアクティブにする
*/
.current {
	color:#CC6600;
	font-weight:bold;
}
/* コンテンツボックス */
.content {
	background-color:#FFFFFF;
}
.leftmenu .content h1 {
	font-size:9pt;
	font-weight:normal;
	color:#000000;
	padding:2px 0 2px 15px;
	background-image:url(/app/webroot/img/default/categorybg.jpg);
	background-repeat:no-repeat;
}
/* img 下空白をなくす */

.headbelt {
	margin-top:10px;
	border-top:2px solid #3a97d2;
	background-color:#ecf1f7;
}
dl, dt, dd, ul {
	margin:0;
	padding:0px;
}
 a[href^="#"] {
 color:#CCCCCC;
}
/*
	フッター
*/
.footer {
	width:100%;
	background-color:#8ebc40;
	height: 300px;
}
.footer p {
	background-color:transparent;
	color:#FFF;
	padding:15px;
	margin:10px;
}
.bottom-menu {
	padding:0 0 0 30px;
	margin:30px 0 0 50px;
	list-style:none;
	border-left:1px solid #FFF;
}
.bottom-menu li {
	margin-top:10px;
}
.bottom-menu a {
	color:#FFF;
}
.bottom-menu a:hover {
	text-decoration:none;
}
/* グローバルメニュー*/ 

.gmenu {
	text-indent:-999px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.gmenu li {
	float: left;
	margin:0px;
	padding:0px;
}
.gmenu li a {
	display: block;
	height:34px;
	text-decoration: none;
	background-image:url(/app/webroot/img/headm.gif);
	text-indent:-5000px;
}
#m1 a {
	width: 126px;
	background-position: 0 -34px;
}
#m1 a:hover {
	background-position: 0 0;
}
#m2 a {
	width: 199px;
	background-position: -126px -34px;
}
#m2 a:hover {
	background-position: -126px 0;
}
#m3 a {
	width: 214px;
	background-position: -325px -34px;
}
#m3 a:hover {
	background-position: -325px 0px;
}