@charset "Shift_JIS";

/******************************************************************/
/* 2006-07-10
/* このCSSは、「名札を選ぼう！」サイト全体で使用するCSSです
/* サイト共通要素の左ナビゲーション、トピックパスなどのスタイルはここで指定されます。
/* 
/* 
/******************************************************************/

/* 要素の再定義 */
a{text-decoration: underline;}
a:link {color:#00E;}
a:visited {color:#639;}
a:hover {}
a:active {color:#F00;}

strong{font-weight:bold;}

img{border:none;}
th,td{vertical-align:top;}

cite{border-bottom:dashed 1px #CCC;}

/* 汎用クラスの定義 */
.clearLeft{clear:left;}
.clearRight{clear:right;}
.clearBoth{clear:both;}

#main #siteContents strong{
	font-weight:bold;
}

hr{
	height:1px;
	color:#FFF;
	margin:0;
	padding:0;
	border:none;
}

/* テンプレートの修正 */

li{
	list-style-type:none;
}

/* レイアウトの定義 */

/* STtopicPath */
.STtopicPath{
	width:720px;
	margin:-3px auto 5px;
	padding:0 0 0 3px;
	text-align:left;
	font-size:82%;
	/*\*/ /*/  font-size:78%;  /* MacIE */
	line-height:140%;
}


/* sitelogo */
#sitelogo{
	margin: 0 0 6px;
}

/* saiteNavi */
#siteNavi{
	width:165px;
	float:left;
}

#siteNavi ul#categoryList{
	padding:0 0 7px 17px;
	background:url(../commonImage/backgroundCategoryList.gif) no-repeat bottom left;
}

#siteNavi ul#categoryList li{
	list-style-type:none;
	margin-bottom:4px;
	padding:2px 2px 2px 13px;
	background:url(../commonImage/arrowNormal.gif) no-repeat 3px 0.4em;
	font-size:92%;
}

#siteNavi ul#categoryList li.placeSelection{
	background:#6565DD url(../commonImage/arrowNormalPlace.gif) no-repeat 3px 0.4em;
}
#siteNavi ul#categoryList li.purposeSelection{
	background:#1AC694 url(../commonImage/arrowNormalPurpose.gif) no-repeat 3px 0.4em;
}
#siteNavi ul#categoryList li.desginSelection{
	background:#E0AE3B url(../commonImage/arrowNormalDesign.gif) no-repeat 3px 0.4em;
}
#siteNavi ul#categoryList li.selectionGuide{
	background:#AE9E9F url(../commonImage/arrowNormalGuide.gif) no-repeat 3px 0.4em;
}

#siteNavi ul#categoryList li a{
	color:#FFF;
}

#siteNavi ul#bannerList{
	border-top:dotted 1px #CCC;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}

#siteNavi ul#bannerList li{
	margin:0 0 7px 0;
}

#siteNavi ul#bannerList li img{
	width:165px;
	height:42px;
}




#siteContents{
	width:545px;
	_width:555px;
	float:left;
	padding:0 0 0 10px;
}


/* shortCut */

#siteContents .shortCut{/*width:545px;*/
	border:solid 1px #999;
	background:#F4F6F5;
	padding:5px 0 5px 10px;
	/*\*/ /*/ width:545px; /**/
}

*+html body #siteContents .shortCut{
padding:5px 0 0 10px;
}

* html body #siteContents .shortCut{
padding:5px 0 0 10px;
}

#siteContents .shortCut ul{
	width:520px;
}

#siteContents .shortCut ul li{
	width:237px;
	_width:255px;
	display:block;
	background:url(../commonImage/arrowFragment.gif) no-repeat 0 0.5em;
	padding:5px 5px 2px 18px;
	float:left;
	font-size:78%;
}

#siteContents .shortCut hr.clearBoth{
	color:#F4F6F5;
	_margin:-10px 0 0 0 ;
}

/* twoColumnList */
#main ul.twoColumnList{
	width:520px;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
}


#main ul.twoColumnList li{
	width:222px;
	_width:255px;
	display:block;
	padding:3px 15px 2px 13px;
	float:left;
}

/* toPageTop */

.toPageTop{
	text-align:right;
	margin:10px 10px 20px 0;
}