@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------------------- */
/* New Index Page用スタイルシート*/
/*---------------------------------------------------------- */


body {
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	/*
	font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	*/
	margin:0;
	padding:0;
	padding-top:23px;
	padding-bottom:23px;
	text-align: center;
	color:#FF0000;
	color:#000000;
	background-image:url(../img/common/body_bg.gif);
	background-repeat:repeat;
}

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

/* a
----------------------------- */
a:link {
	color: #003366;
	text-decoration:underline;
	text-decoration:none;
	background: transparent;
}
a:visited {
	color: #455666;
	color: #003366;
	text-decoration:none;
}
a:hover {
/*	color: #00a0e9;*/
	color: #455666;
	text-decoration:underline;
}

/* container
------------------------------------------------------------ */
#container {
	width:890px;
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#header {
	width:850px;
/*	height:72px;*/
	height: 750px;	
	padding-top:15px;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
	background-color: rgb(227,0,127);
/*	background:url(../img/20130301_newindex/2_20130301_bg_header_repeat.gif) repeat-x 50% 0;*/
	background-image:url(../img/womenPJ_common/3_header_bg.gif);
	background-repeat:no-repeat;
}

#header_top{
	margin: 0;
	padding: 0;
	height: 180px;
}

/* -- */
#header_top h1 {
	margin: 0;
	padding: 0;
/*	padding-top: 38px;*/
	padding-left: 20px;
	padding-right: 50px;
/*	float: left;*/
}

#header_top ul {
	margin: 0;
	padding: 0;
	padding-top:19px;
	/*display: inline-block;*/
	list-style:none;
}

#header_top ul li{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	list-style: none;
	float: left;
}

#header_top ul li a{
	width: 130px;
	height: 50px;
	display: inline-block;
	/*text-indent: -9999px;*/
}

#header_top ul li a.n1_aboutcompany {
	background: url(../img/womenPJ_common/topbtn_aboutcompany_off.png);
}

#header_top ul li a.n1_aboutcompany:hover {
	background: url(../img/womenPJ_common/topbtn_aboutcompany_on.png);
}

#n2_solution a {
	background: url(../img/womenPJ_common/topbtn_solution_off.png);
}

#n2_solution a:hover {
	background: url(../img/womenPJ_common/topbtn_solution_on.png);
}


#n3_work a {
	background: url(../img/womenPJ_common/topbtn_work_off.png);
}

#n3_work a:hover  {
	background: url(../img/womenPJ_common/topbtn_work_on.png);
}

#n4_whatsnew a {
	background: url(../img/womenPJ_common/topbtn_whatsnew_off.png);
}

#n4_whatsnew a:hover {
	background: url(../img/womenPJ_common/topbtn_whatsnew_on.png);
}

/* BottomNavi
------------------------------------------------------------ */
#BottomNavi {
	clear:both;
	width:850px;
	height:100px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	padding-right:20px;
/*	background-color: rgb(0,159,232);*/
	background-image:url(../img/womenPJ_common/BottomNavi_bg.gif);
	background-repeat:repeat;
	background-position:bottom right;
/*	border:#FF0000 solid 1px;
*/}

#BottomNavi ul.sub_menu{
	list-style: none;
	display: inline-block;
}


#BottomNavi ul.sub_menu li.nor_col{
	width: 180px;
	height:80px;
	margin: 0px;
	margin-left: 10px;
	padding: 0;
	list-style: none;
	display: inline-block;
	border-right-color: rgb(0,159,232);
	border-right-style: dotted;
	border-right-width: medium;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: rgb(0,159,232);
	line-height: 1.1;
	float: left;
}

#BottomNavi ul.sub_menu li.last_col{
	width: 180px;
	height:80px;
	margin: 0px;
	margin-left: 10px;
	padding: 0;
	list-style: none;
	display: inline-block;

	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:rgb(0,159,232);
	line-height:1.1;
	float: left;

}

#BottomNavi ul.sub_menu a{
	color:rgb(0,159,232);
}

/* footer
------------------------------------------------------------ */
#footer {
	clear:both;
	width:850px;
	min-height:11px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	padding-right:20px;
	background-color: rgb(227,0,127);
/*	background-image:url(../img/common/footer_bg.gif);*/
	background-image:url(../img/womenPJ_common/3_footer_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
/*	border:#FF0000 solid 1px;
*/}

#footerL {
	float:left;
}

#footerR {
	float:right;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;
	line-height:1.1;
/*	border:#FF0000 solid 1px;*/
}

#footerR p {
	display:inline;
	float:left;
/*	margin-left:42px;*/
}


#footer a:link {
	color: #FFFFFF;
	text-decoration:underline;
	text-decoration:none;
	background: transparent;
}

#footer a:hover {
/*	color: #00a0e9;*/
	color: #003366;
/*	color: #455666;*/
	text-decoration:underline;
}

#index_msg {
/*	margin: 0;*/
	margin: 0 auto;
	padding: 0;
	height: 650px;
	width: 850px;
	text-align:center;
	position: absolute;
	top: 190px;
}

/* top2Area
------------------------------------------------------------ */
#top2Area {
	clear:both;
	width:850px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

/* top2Area1Height
------------------------------------------------------------ */
#top2Area1Height {
	min-height:300px;
/*	border:#FF0000 solid 1px;
*/}


/* top2Area1
------------------------------------------------------------ */
#top2Area1 {
	width: 350px;
	float:left;
	margin-right:55px;
/*	background-color: rgb(0,255,0);*//* TEST */
/*	border:#FF0000 solid 1px;
*/}

#top2Area1 h2 {
	margin: 0;
	padding: 0;
	padding-bottom:15px;
}

#top2Area h3 {
	margin: 0;
	padding: 0;
	text-indent:43px;
	margin-left:12px;
	padding-bottom:2px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #00a0e9;
	line-height:1.1;
/*	border:#FF0000 solid 1px;
*/}
#top2Area h3.news_info {
	background-image:url(../img/common/icon_info.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#top2Area h3.news_release {
	background-image:url(../img/common/icon_release.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#top2Area h3.news_media {
	background-image:url(../img/common/icon_media.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#top2Area h3.topH3news {
	margin: 0;
	padding: 0;
	text-indent:21px;
	float:right;
	margin-left:0;
	margin-bottom:12px;
	padding-top:0px;
	padding-bottom:2px;
/*	border:#FF0000 solid 1px;
*/}
#top2Area h3.topH3news a {
	display:block;
}
#top2Area h3.topH3news a:link {
	background-image:url(../img/common/gnavi_li_bg_off.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#top2Area h3.topH3news a:visited {
	background-image:url(../img/common/gnavi_li_bg_off.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#top2Area h3.topH3news a:hover {
	background-image:url(../img/common/gnavi_li_bg_on.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#top2Area1 h3.topH3rss {
	float:left;
	margin: 0;
	padding: 0;
	text-indent:0;
	margin-left:0;
	padding-top:14px;
	padding-bottom:2px;
	padding-bottom:14px;
/*	border:#FF0000 solid 1px;
*/}

#top2Area1 p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	margin-left:12px;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.3;
}

#top2Area1 p.smallsize {
	margin: 0;
	padding: 0;
	padding-top:10px;
	margin-left:12px;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.3;
}

/* top2Area2
------------------------------------------------------------ */
#top2Area2 {
	width: 400px;
	float:left;
	margin-right:15px;
/*	background-color: rgb(255,255,0);*//* TEST */
/*	border:#FF0000 solid 1px;
*/}
#top2Area2 h2 {
	margin: 0;
	padding: 0;
	padding-bottom:14px;
}

#top2Area2 p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	margin-left:25px;
	padding-left:25px;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.3;
}

#top2Area2 ul.pjlist {
	margin: 0;
	padding: 0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	margin-left:12px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#3b3b3b;
	line-height:1.1;
	background-image:url(../img/common/sitemap_li_bg_off.gif);
	background-repeat:no-repeat;
	background-position:center left;
	list-style:disc;
}

#top2Area2 ul.pjlist:hover {
	background-image:url(../img/common/sitemap_li_bg_on.gif);
	background-repeat:no-repeat;
	color: #00a0e9;
	text-decoration:underline;
}

#top2Area2 ul.pjlist li {
	list-style:none;
	display:inline-block;
	background-image:none;
	margin: 0;
	padding: 0;
}

#top2Area2 ul.pjlist li.n1 {
	width:60px;
	height:60px;
}

#top2Area2 ul.pjlist li.n2 img.tagimg{
	float:left;
	margin:2px;
}

#top2Area2 ul.pjlist li.n2 {
	height:60px;
	font-weight:normal;
/*	font-size:14px;*/
}



/* top3Area
------------------------------------------------------------ */
#top3Area {
	clear:both;
	width:850px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	background-image:url(../img/common/topagetop_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

/* top3Area1Height
------------------------------------------------------------ */
#top3Area1Height {
	min-height:300px;
/*	border:#FF0000 solid 1px;
*/}

/* top3Area1
------------------------------------------------------------ */
#top3Area1 {
	width: 350px;
	float:left;
	margin-right:55px;
/*	background-color: rgb(0,255,0);*//* TEST */
/*	border:#FF0000 solid 1px;
*/}

#top3Area1 p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	margin-left:12px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.3;
}

/* top3Area2
------------------------------------------------------------ */
#top3Area2 {
	width: 400px;
	float:left;
	margin-right:15px;
/*	background-color: rgb(255,255,0);*//* TEST */
/*	border:#FF0000 solid 1px;
*/}

#top3Area2 p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	margin-left:12px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.3;
}

/* top3Area
------------------------------------------------------------ */
#top4Area {
	clear:both;
	width:850px;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	background-image:url(../img/common/topagetop_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#top4Area p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	margin-left:12px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.3;
}

/* CSSハック
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*
#footer {
	clear: both;
	width: 960px;
	min-height: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgb(0,159,232);
	background-image: url(../img/common/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;/*	border:#FF0000 solid 1px;

}

#footer_last {
	margin: 0;
	padding: 0;
}

#footer_last p {
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#003366;
	line-height:1.1;
	display:inline;
}
*/

#whatsnew {
	padding-top:15px;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
	background: #FFFFFF;
}

#works{
	padding-top:15px;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
	background: #FFFFFF;
}

#publicity_list #publicity_detail{
	width: 550px;
	padding-bottom:35px;
}

#publicity_detail_left{
	float:left;
	width: 550px;
}

#publicity_detail_left p{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.5;

}

#publicity_detail_left .blue{
	font-weight:weight;
	color: #00a0e9;
}


#publicity_detail_right{
	float: right;
	width: 430px;
	padding-bottom:10px;
}


#publicity_detail_right img{
	text-align: center;
}

#publicity_list h3 {
	width: 120px;
	float:left;
	margin: 0;
	padding: 0;
	padding-bottom:18px;
/*	font-size:12px;:*/
	font-style:normal;
	font-weight:normal;
	color: #00a0e9;
	line-height:1.1;
	line-height:1.5;
/*	border:#FF0000 solid 1px;
*/}

#publicity_list p {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.5;
}


#publicity_list ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

#publicity_list li {
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

#publicity_list p.img {
	width: 120px;
	float:left;
	margin: 0;
	padding: 0;
	padding-bottom:18px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.5;
}

#publicity_list img {
	width: 430px;
	float:reft;
	margin: 0;
	padding: 0;
	padding-bottom:18px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #000000;
	color:#1d1d1d;
	color:#3b3b3b;
	line-height:1.1;
	line-height:1.5;
}