@import "header.css";
@import "footer.css";
@import "banner.css";

* {margin:0;padding:0;}  
 
img {border:0;}

h1,h2,h3,h4.h5,h6,p,ul,li,dl,dt,dd{font-family:"ＭＳ Ｐゴシック", "Osaka";}

a{text-decoration:none;color:#666666;}

a:hover{text-decoration:underline;color:c6090b;}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
	background-color:#E3DAD7;
}

#contentbody{
	margin:0 auto;
	padding:0;
	width: 760px;
	background:url(../images/contentbody-back.jpg) left top repeat-y;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ外枠
////////////////////////////////////////////////////////////////////// */

#top-contents{
	clear:both;
	margin:15px auto;
	padding:0;
	width:710px;
	height:1%;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ左 新着情報　資料請求バナーなど
////////////////////////////////////////////////////////////////////// */
.contents{
	margin:0;
	padding:0;
	width:490px;
	float:left;
	text-align:left;
	color:#666666;
}

.contents p{
	margin:0 10px 10px;
	padding:0;
	font-size:80%;
	line-height:1.5;
	text-align:left;
	color:#666666;
}

.contents p.tc{
	margin:0 10px 10px;
	padding:0;
	font-size:80%;
	line-height:1.5;
	text-align:center;
	color:#666666;
}

.contents p.tr{
	margin:0 10px 10px;
	padding:0;
	font-size:80%;
	line-height:1.5;
	text-align:right;
	color:#666666;
}

.contents ul {
	margin-bottom:5px;
}

.contents li {
	margin:0 0 5px 30px;
	font-size:80%;
	color:666666;
	line-height:1.5;
	text-align:left;
	list-style-type:circle;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
トップページ　キャッチ写真エリア
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.catch-area {
	margin:0;
	padding:0;
	width:490px;
}

.catch-area img{margin:0;padding:0;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
トップページ　たいようインフォメーション
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.t-info {
	margin:0;
	padding:0;
	width:490px;
}

.t-info h3{
	margin:0;
	padding:0;
}

.t-info h4{
	margin:10px 15px;
	padding:0;
	font-size:90%;
}


.t-info p{
	margin:0 15px 10px;
	font-size:80%;
	line-height:1.5;
	text-align:left;
}

/*たいよう・ikiikiwomanインフォ*/
.info-ssi{
	width:490px;
	height:110px;
	overflow:auto;
	border-bottom:1px solid #c6090b;
}


.info-ssi p{
	margin:7px 10px;
	padding-bottom:5px;
	font-size:80%;
	color:#666666;
	line-height:1.2;
	border-bottom:1px dotted #CCCCCC;
}

/*ikiikiwomanハケン*/
.t-info2{
	width:235px;
	float:left;
}

.t-info2 h4{
	margin:10px 15px;
	padding:0;
	font-size:90%;
}

.info-ssi2{
	width:235px;
	height:90px;
	overflow:auto;
	border-bottom:1px solid #c6090b;

}

.info-ssi2 p{
	margin:7px 10px;
	padding-bottom:5px;
	font-size:80%;
	color:#666666;
	line-height:1.2;
	border-bottom:1px dotted #cccccc;
}

/*ikiikiwoman正社員*/
.t-info3{
	width:235px;
	float:right;
}

.t-info3 h4{
	margin:10px 15px;
	padding:0;
	font-size:90%;
}

.info-ssi3{
	width:235px;
	height:90px;
	overflow:auto;
	border-bottom:1px solid #c6090b;
}

.info-ssi3 p{
	margin:7px 10px;
	padding-bottom:5px;
	font-size:80%;
	color:#666666;
	line-height:1.2;
	border-bottom:1px dotted #CCCCCC;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
トップページ　下　資料請求バナー
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.under-banner {
	margin:0;
	padding:0;
	width:490px;
	text-align:left;
}

.under-banner h3.banner-l{
	margin:0;
	padding:0;
	float:left;
}

.under-banner h3.banner-r{
	margin:0;
	padding:0;
	float:right;
}












/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
トップページ　バナーエリア　ikikiwoman　キャリアカウンセリング
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.main-banner {
	margin:10px 20px 0;
	padding:0;
	width:710px;
	height:50px;
	text-align:left;
}

















/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ右
////////////////////////////////////////////////////////////////////// */
.info-area{
	margin:0;
	padding:0;
	width:340px;
	float:right;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ右 左エリア
////////////////////////////////////////////////////////////////////// */
.info-left{
	margin:0;
	padding:0;
	width:215px;
	float:left;
}

/*お知らせ　ikiikiWOMAN　派遣社員　正社員*/
.info-news{
	margin-bottom:15px;
	padding:0;
	width:215px;
	background:url(../images/info-back.gif) left top repeat-y;
	text-align:left;
}

.info-news h4{
	padding-top:10px;
	margin-left:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #999999;
}

.info-news p{
	margin:0 0 5px 10px;
	padding-bottom:5px;
	font-size:80%;
	color:#666666;
	line-height:1.2;
}

/*トピックス*/
.info-topics{
	margin:0;
	padding:0;
	width:215px;
	background:url(../images/topics-back.gif) left top repeat-y;
	text-align:left;
}

.info-topics h4{
	padding-top:10px;
	margin-left:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #999999;
}

.info-topics p{
	margin:0 0 5px 10px;
	padding-bottom:5px;
	font-size:80%;
	color:#666666;
	line-height:1.2;
	border-bottom:1px dotted #999999;
}

.info-topics a{text-decoration:underline;color:#F9A1CF;}

.info-topics a:hover{text-decoration:none;color:#666666;}



/*問い合わせフォームサイズ*/
.box50{width:50px;}
.box100{width:100px;}
.box200{width:200px;color:#000000;}
.box300{width:300px;}


/* ////////////////////////////////////////
クラス設定
//////////////////////////////////////// */
.clr5{clear:both;height:5px;}
.clr15{clear:both;height:15px;}
.clr25{clear:both;height:25px;}

.black {font-weight:bold;color:#000;}
.red-center {color:#FF0000;font-weight:bold;text-align:center;	}
.red {color:#FF0000;}
.red2 {color:#c6090b;}
.red-right {color:#FF0000;font-weight:bold;}
.green-normal {color:#336600;}
.brown {color:#996600;}
.blue {color:#6699FF;}
.gray {color:#333333;}

.text-right {text-align:right;}
.left10 {float:left;margin-right: 10px;margin-bottom: 10px;}
.right10 {float:right;margin-left: 10px;margin-bottom: 10px;}