@charset "utf-8";

/*---------------------------------------------------
  基本装飾
----------------------------------------------------*/

.contents p,
.contents ul,
.contents dl,
.contents ol,
.contents table{
	line-height: 1.5em;
	margin: 15px 0 0;
}

.contents p ul,
.contents p dl,
.contents p ol, 
.contents ul p,
.contents ul ul, 
.contents ul dl,
.contents ul ol, 
.contents dl p,
.contents dl ul,
.contents dl dl, 
.contents dl ol, 
.contents ol p,
.contents ol ul,
.contents ol dl, 
.contents ol ol, 
.contents table p,
.contents table ul,
.contents table dl,
.contents table ol{
	margin: 0;
}

.contents .big{font-size:120%;}
.contents .small{font-size:91%;}
.contents .x-small{font-size:83%;}

.contents .left{text-align:left;}
.contents .center{text-align:center;}
.contents .right{text-align:right;}

.contents .top{vertical-align:top;}
.contents .middle{vertical-align:middle;}
.contents .bottom{vertical-align:bottom;}

.contents .float-l{float:left;}
.contents .float-r{float:right;}

.contents .clear{clear:both;}

.contents .img-l{float: left;margin: 0 25px 10px 0;}
.contents .img-r{float: right;margin: 0 0 10px 25px;}

.contents .strong{color:#FF6633;font-weight:bold;}
.contents .attention{color:#990000;}

.hr{height:1px;font-size:1pt;clear:both;margin:20px 0 0;background:url(../img/line_dot.gif) repeat-x 0 100%;}
.hr hr{display:none;}

.hr-bold{height:1px;font-size:1pt;clear:both;margin:20px 0 0;border-bottom: 2px solid #747474;}
.hr-bold hr{display:none;}

.contents p.topic-path{font-size:83%;margin:30px 0 0;clear:both;}
.contents p.pagetop{text-align:right;font-size:83%;margin:30px 0 0;clear:both;}
.contents p.pagetop a{background:url(../img/icon_pagetop.gif) no-repeat 0 50%;padding-left:10px;}
.contents .openwin{vertical-align:middle;padding:3px 5px;}
.contents .catch-copy{color:#0066FF;font-weight:bold;font-size:130%;}
.contents p.title span{background:#333333;padding:3px 5px;font-weight:bold;color:#FFFFFF;line-height:2em;}


/*---------------------------------------------------
  contentsのリンク装飾
----------------------------------------------------*/

/*----- links color -----*/
.contents a:link,
.contents a:visited,
.contents a:hover,
.contents a:active{
	text-decoration:underline;
}
.contents a:link {
	color: #0066FF;
}
.contents a:visited {
	color: #0033cc;
}
.contents a:hover,
.contents a:active {
	color: #0099ff;
}

/*---------------------------------------------------
  見出しの指定
----------------------------------------------------*/

#container .contents h1{
	font-size:200%;
	margin:0 0 20px;
	clear:both;
}

#container .contents h2{
	color:#FFFFFF;
	padding:3px 5px;
	font-weight:bold;
	background:#555555;
	border: 2px solid #555555;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:30px 0 20px;
	clear:both;
}

#container .contents h2 a{
	color:#FFFFFF;
	text-decoration:none;
}

#container .contents h3{
	font-size:100%;
	font-weight:bold;
	border-bottom:1px solid #9d9d9d;
	padding:5px 0;
	margin:20px 0 15px;
	clear:both;
}

#container .contents h4{
	font-size:100%;
	font-weight:bold;
	margin:20px 0 15px;
	clear:both;
	border-left:8px solid #555555;
	padding-left:5px;
}

#container .contents h5{
}

/*---------------------------------------------------
  リストの装飾
----------------------------------------------------*/

.white-space li{
	margin-bottom:10px;
}

/* ul
----------------------------------------------------*/

/* list */

ul.list li{
	background:url(../img/icon_list.gif) no-repeat 0 0.7em;
	padding-left:15px;
}

/* link */

ul.link li{
	background:url(../img/icon_lnavi_arrow01.gif) no-repeat 0 0.7em;
	padding-left:10px;
}

/* rice */

ul.rice{
	margin-bottom: 5px;
	margin-top: 5px;
}

ul.rice li{
	margin-left: 1em;
	text-indent: -1em;	
}

/* connection-link */

ul.connection-link li{
	margin-bottom:10px;
}

/* ol
----------------------------------------------------*/

ol li{
	list-style:decimal;
	margin-left:25px;
}

/* other
----------------------------------------------------*/

.compact li{
	display:inline;
	margin-right:15px;
}

.within li{
	background:url(../img/icon_within.gif) no-repeat 0 50%;
	padding-left:10px;
}

/* dl
----------------------------------------------------*/

/* dl-list01 */

dl.dl-list01 dt{
	font-weight:bold;
	padding:0 0 0 15px;
	margin:20px 0 0;
	display:block;
	background:url(../img/icon_index.gif) no-repeat 0 50%;
	font-size:110%;
}

dl.dl-list01 dd{
	padding:3px 0 10px 20px;
}

dl.dl-list01 dd a{
	font-size:83%;
}

/* dl-list02 */

dl.dl-list02 dt{
	font-weight:bold;
}

/* dl-list03 */

dl.dl-list03 dd{
	background:url(../img/line_dot.gif) repeat-x 0 100%;
	padding:5px 0;
	margin-bottom:5px;
}

/* dl-list04 */

dl.dl-list04 dt{
	font-weight:bold;
	padding:0 0 0 15px;
	margin:20px 0 0;
	display:block;
	background:url(../img/icon_list.gif) no-repeat 0 0.7em;
	font-size:110%;
}

dl.dl-list04 dd{
	margin-left:15px;
}

/* rice */

dl.rice dt{
	margin-left: 1em;
	text-indent: -1em;	
	font-weight:bold;
}

dl.rice dd{
	margin:0 0 20px 20px;
}

/*---------------------------------------------------
  インデックスリストの装飾
----------------------------------------------------*/

dl.index{
	line-height:1.7em;
}

dl.index dd.title{
	font-weight:bold;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	display:block;
	background:url(../img/icon_index.gif) no-repeat 0 50%;
	font-size:110%;
	line-height:2em;
}

dl.index dd.text{
	padding:0 0 30px 0;
	font-size:100%;
}

dl.index dd ul{
	line-height:1em;
}

dl.index dd a{
}

/*---------------------------------------------------
  サイトマップリストの装飾
----------------------------------------------------*/

dl.sitemap dt{
	float:left;
	clear:left;
	width:10em;
	padding:10px 10px 0 0;
}

dl.sitemap dd{
	padding:10px 10px 10px 12em;
	background:url(../img/line_dot.gif) repeat-x 0 100%;
}

dl.sitemap dd ul li{
	line-height:2em;
}

dl.sitemap dd ul li ul li{
	font-size:87%;
}


/*---------------------------------------------------
  リンク用の装飾
----------------------------------------------------*/

p.link, 
span.link, 
a.link{
	background:url(../img/icon_lnavi_arrow01.gif) no-repeat 0 50%;
	padding-left:10px;
}

/*---------------------------------------------------
  テーブルの装飾
----------------------------------------------------*/

table{
	border-collapse:collapse;
	border:3px solid #dadada;
	width:100%;
}

table th,
table td {
	padding:6px;
	background:#fff;
	vertical-align:top;
	border:2px solid #dadada;
}

table tbody th, 
table tbody td{
}

table thead th{
	background:#f6f6f6;
	text-align:center;
}

table tbody th{
	background:#efefe;
}

/* 背景色をつける */

table tr.bg-color01 th, 
table tr.bg-color01 td{
	background:#DCEAF1;
}

/* 全て消す */

table.none{
	border-collapse:collapse;
	border:none;
	width:100%;
}

table.none th,
table.none td {
	padding:0;
	background:none;
	vertical-align:top;
	border:none;
}

table.none tbody th, 
table.none tbody td{
}

table.none thead th{
	background:none;
	text-align:left;
}

table.none tbody th{
	background:none;
}

/*---------------------------------------------------
  科別の色指定
----------------------------------------------------*/

#container .contents .fashion{
	color:#DD3B8F;
}

#container .contents .denim{
	color:#663F87;
}

#container .contents .visual{
	color:#3FBBC9;
}

#container .contents .comic{
	color:#304198;
}

#container .contents .mono{
	color:#A9D634;
}

#container .contents .arc{
	color:#F4A016;
}

#container .contents .integrate{
	color:#CC9900;
}

#container .contents .bg-fashion{
	background:#ee86a7;
	color:#FFFFFF;
}

#container .contents .bg-denim{
	background:#663F87;
	color:#FFFFFF;
}

#container .contents .bg-visual{
	background:#3FBBC9;
	color:#FFFFFF;
}

#container .contents .bg-comic{
	background:#304198;
	color:#FFFFFF;
}

#container .contents .bg-mono{
	background:#A9D634;
	color:#FFFFFF;
}

#container .contents .bg-arc{
	background:#F4A016;
	color:#FFFFFF;
}

#container .contents .bg-integrate{
	background:#CC9900;
	color:#FFFFFF;
}


#container .contents .border-fashion{
	border:2px solid #ee86a7;
}

#container .contents .border-denim{
	border:2px solid #663F87;
}

#container .contents .border-visual{
	border:2px solid #3FBBC9;
}

#container .contents .border-comic{
	border:2px solid #304198;
}

#container .contents .border-mono{
	border:2px solid #A9D634;
}

#container .contents .border-arc{
	border:2px solid #F4A016;
}

#container .contents .border-integrate{
	border:2px solid #CC9900;
}

/*---------------------------------------------------
  レイアウト
----------------------------------------------------*/
.layout-frame{
	clear:both;
	margin-left:-20px;
}

.layout-3col{
	margin-left:-15px;
}

.layout-4col{
	margin-left:-10px;
}

.layout-unit {
	float:left;
	display:inline;
	margin-left:20px;
}

.layout-3col .layout-unit {
	margin-left:15px;
}

.layout-4col .layout-unit {
	margin-left:10px;
}


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

.grid-1 {
	width: 45px;
}

.grid-2 {
	width: 80px;
}

.grid-3 {
	width: 125px;
}

.grid-4 {
	width: 170px;
}

.grid-5 {
	width: 215px;
}

.grid-6 {
	width: 260px;
}

.grid-7 {
	width: 305px;
}

.grid-8 {
	width: 350px;
}

.grid-9 {
	width: 395px;
}

.grid-10 {
	width: 440px;
}

.grid-11 {
	width: 485px;
}

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

/*---------------------------------------------------
  divの枠線boxとしての装飾
----------------------------------------------------*/


.decoration-box01{
	border:5px solid #dadada;
}

.decoration-box02{
	padding:10px 20px;
	margin-top:20px;
}

.decoration-box02 .first-child{
	margin-top:0;
}

.decoration-box03{
	background:#F2F2F2;
}

.decoration-box04{
	background:#F0C8D3;
}


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

/* flow-box */

#container .contents .flow-box p{
	margin-top:5px;
}

#container .contents .flow-box .decoration-box02{
	margin-top:5px;
}