@charset "Shift_jis";

@import "default.css";


/*----------------------------------------------------------
	ALL
----------------------------------------------------------*/

body {
	color: #333;
	font: 13px/1.231 "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	*font-size:small;
	*font:x-small;
	background: #fff url(/images/shapeup/bg_header.jpg) repeat-x top center;
	text-align: center;
	letter-spacing: 0.1em;
}

body#top {
	background: #fff url(/images/shapeup/bg_top.jpg) repeat-x top center;
}

/*----------------------------------------------------------
 Yahoo UI Library Font-size Adjustment
 Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 http://developer.yahoo.com/yui/license.txt
 http://developer.yahoo.com/yui/fonts/

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
----------------------------------------------------------*/


#container {
	margin: 0 auto;
	text-align: center;
}

#top #container {
	background: url("/images/shapeup/bg_header.jpg") repeat-x top center;
}

body .second {
	background: url("/images/shapeup/bg_second.jpg") repeat-x top center;
}

a img {
	border-style:none;
}

a:focus {/* Firefox の点線を消す */
	outline: none;
}

.clear {
	clear: both;
}

br {
	letter-spacing: 0;
}

table{
	font-size: inherit;
	font: 100%;
}

.imgR {
	float: right;
	padding: 0 0 15px 10px;
}

.imgL {
	float: left;
	padding: 0 10px 15px 0;
}

* html img, * html div, * html p {
	behavior: url("/css/official/iepngfix.htc")
}



/*----------------------------------------------------------
	テキスト関連
----------------------------------------------------------*/

h1 {
	font-size: 131%;
	font-weight: bold;
	margin: 0 0 15px 0;
}

#top h1 {
	margin: 0;
	padding: 0;
}

h2 {
	clear: both;
	width: 700px;
	height: 25px;
	color: #000;
	font-size: 123.1%;
	font-weight: bold;
	text-align: left;
	background: url(/images/shapeup/bg_h2s.gif) no-repeat;
	margin: 0 0 10px;
	padding: 10px 0 0 25px;
}

h2.long {
	width: 960px;
	background: url(/images/shapeup/bg_h2l.gif) no-repeat;
}

h2 span {
	font-size: 85%;
	padding: 0 0 0 10px;
}

h3 {
	color: #990000;
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 0 5px;
}

.intro {
	font-size: 123.1%;
	margin: 5px;
}

.caption {
	font-size: 77%;
	margin: 5px;
}

.attention {
	color: #cc0000;
}

.text {
}

*+html .text {
	line-height: 2;
}

* html .text {
	line-height: 2;
}

/* -- clear float -- */ 
.text {
	min-height:0;
	display: inline-table;
}

.text:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .text {height:0;}
.text {display: block;}
/* */
/* -- end clear float -- */

#service .text {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}


p.news_title_page {
	color: #66ccff;
	font-size: 108%;
	font-weight: bold;
	padding-left: 23px;
	border-bottom: 1px solid #ccc;
}

p.news_title_page a:hover {
	text-decoration: none;
	color: #66ccff;
}

p.service_title_page {
	font-size: 123.1%;
	font-weight: bold;
	padding: 6px 0 8px 8px;
	border-bottom: 1px solid #ccc;
	border-left: 7px solid #FDCDCD;
}

p.service_title_page a:hover {
	text-decoration: none;
}

p.recruit_title_page {
	color: #66ccff;
	font-size: 108%;
	font-weight: bold;
	padding-left: 23px;
	border-bottom: 1px solid #ccc;	
}

p.recruit_title_page a:hover {
	text-decoration: none;
	color: #66ccff;
}

p.date {
	font-size: 77%;
	color: #999;
	margin: 30px 0;
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

p.date img {
	padding: 0 5px 3px 0;
}

p.topic_path {
	font-size: 85%;
	display: block;
	text-align: left;
	padding: 10px 0 0 17px;
}

p.topic_path a:link {
	text-decoration: none;
}

p.topic_path a:visited {
	text-decoration: none;
}

p.topic_path a:hover {
	text-decoration: underline;
}

p.topic_path a:active {
	text-decoration: underline;
}

p#pagetop {
	clear: both;
	text-align: right;
	background: url("/images/shapeup/icon_pagetop.gif") no-repeat right center;
	margin: 0;
	padding: 0 13px 0 0;
}



/*----------------------------------------------------------
	リンク
----------------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #990000;
}

a:visited {
	text-decoration: none;
	color: #990000;
}

a:hover {
	text-decoration: underline;
	color: #cc3333;
}

a:active {
	text-decoration: underline;
	color: #cc3333;
}



/*----------------------------------------------------------
	ヘッダー
----------------------------------------------------------*/

#header {
	width: 960px;
	height: 105px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

.keyword {
	display: none;
}

.mainlogo {
	float: left;
	text-align: left;
	margin: 0;
	padding: 24px 0 0;
}

.freedial {
	float: right;
	margin: 0;
	padding: 24px 0 0;
}

#searchArea {
	width: 250px;
	position: absolute;
	top: 10px;
	right: 15px;
}

*+html #searchArea {
	top: 20px;
}

* html #searchArea {
	top: 20px;
}

#searchArea p {
}

#searchArea p#searchInput {
	float: right;
}

#searchArea p#searchBt {
	float: right;
	padding: 0 0 0 5px;
}

#searchArea p#searchBt #btSerach {
	border: 0px;
	width: 65px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: url(/images/bt_search.gif) no-repeat;
}



/*----------------------------------------------------------
	コンテンツ大枠
----------------------------------------------------------*/

#contentsArea {
	width: 960px;
	margin: 0 auto;
}

#top #contentsArea {
	width: 100%;
}

/* -- clear float -- */ 
#contentsArea {
	min-height:0;
	display: inline-table;
}

#contentsArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #contentsArea {height:0;}
#contentsArea {display: block;}
/* */
/* -- end clear float -- */



/*----------------------------------------------------------
	グローバルナビゲーション
----------------------------------------------------------*/

#gnaviArea {
	width: 945px;
	height: 55px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 15px;
}

* html #gnaviArea {
	width: 960px;
}

ul#gnavi {
	list-style: none;
}

ul#gnavi li {
	float: left;
	font-size: 108%;
	list-style: none;
}

ul#gnavi li a {
	display: inline-block;
	height: 40px;
	color: #fff;
	padding: 15px 25px 0;
	/display: inline;
	/zoom: 1;
}

ul#gnavi li a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/images/shapeup/gnavi_hover.gif) repeat-x;
}

ul#gnavi li a.current {
	background: url(/images/shapeup/gnavi_current.gif) repeat-x;
}



/*----------------------------------------------------------
	コンテンツトップ:メインエリア/Flashエリア
----------------------------------------------------------*/

#topMain {
	width: 100%;
	height: 401px;
	background: #f5f5f3;
	/* background: url(/images/shapeup/bg_topMain.jpg) repeat-x;*/
}

#flashSection {
	float: right;
	width: 700px;
	padding: 0 0 15px;
}

/*----------------------------------------------------------
	コンテンツトップ
----------------------------------------------------------*/

#contents {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 0 0;
}



/*----------------------------------------------------------
	コンテンツ トップ 設定
----------------------------------------------------------*/

#contents_in_top {
	float: right;
	width: 700px;
}


/*----------------------------------------------------------
	コンテンツ 2nd 設定
----------------------------------------------------------*/

#contents_a {
	font-size: 100%;
}

#contents_n {
	font-size: 100%;
}

#contents_in {
	float: right;
	width: 705px;
	text-align: left;
	padding: 0 0 30px 0;
}

.table_com {
	width: 100%;
	border-spacing: 5px;
	margin: 0 0 20px 0;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

.table_com th {
	width: auto;
	font-weight: normal;
	text-align: left;
	background-color: #f4f4f4;
	padding: 8px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.table_com td {
	width: auto;
	text-align: left;
	vertical-align: middle;
	background-color: #fff;
	padding: 8px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}



.table_com td p { /* 英数字が改行されない現象の対策 */
	overflow: auto;
}

.table_com textarea {
	width: 400px;
	height: 200px;
	padding: 5px;
}

.table_com input[type="text"] {
	height: 1.5em;
	padding: 5px;
}

input[type="submit"] {
	width: 150px;
	height: 30px;
	letter-spacing: 0.2em;
}

.service_img {
	margin: 10px 0;
}

.service_img_2nd {
	margin: 10px 0;
}

ul.link_category li {
	margin: 0.5em 0 0.5em 30px;
	list-style: url(/images/mk-folder.png);
}

ul.link_category li.file {
	list-style: url(/images/mk-file.png);
}

ul.link_category li ul {
	margin: 0;
	padding: 0;
}

ul.link_category li ul li {
	list-style: url(/images/mk-file.png);
}

p.linkParent {
	font-size: 123.1%;
	font-weight: bold;
	border-left: 5px solid #66ccff;
	border-bottom: 1px solid #66ccff;
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
}

p.linkChild {
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 0 5px 15px;
}

ul.link {
	margin: 0 0 10px 30px;
}

ul.link li {
	list-style: disc;
	padding: 0;
}

p.linkBanner {
}

.service_text_page {
	padding: 0 0 10px;
}

/* -- clear float -- */ 
.service_text_page {
	min-height:0;
	display: inline-table;
}

.service_text_page:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .service_text_page {height:0;}
.service_text_page {display: block;}
/* */
/* -- end clear float -- */

.recruit_img {
	margin: 0;
}

ol {
	margin: 0 0 1em 3em;
}

ol li {
	list-style: decimal;
}

ul#sitemapList {
}

ul#sitemapList li {
	list-style: square;
	margin: 20px 0 0 15px;
}

ul#sitemapList ul {
	margin: 10px 0 0 0;
}

ul#sitemapList ul li {
	list-style: disc;
	margin: 0 0 5px 15px;
}



/*----------------------------------------------------------
	ニュース関連
----------------------------------------------------------*/

dl.news_title {
	padding: 10px 0;
	text-align: left;
	background: url(/images/shapeup/line_dash.gif) repeat-x bottom;
}

dl.news_title dt {
	float: left;
	width: 120px;
	color: #990000;
	letter-spacing: 0;
	padding: 10px 0 5px 0;
	background: url(/images/shapeup/line_dash.gif) repeat-x top;
	clear: both;
}

dl.news_title dd {
	padding: 10px 0 5px 0;
	margin: 0 0 0 120px;
	background: url(/images/shapeup/line_dash.gif) repeat-x top;
}

dl.news_title dd p {
	margin: 0;
}

dl.news_title .first {
	border-top: none;
}

dl.news_title a {
}

dl.news_title a:visited {
}

dl.news_title a:hover {
	text-decoration: underline;
}

dl.news_title a:active {
	text-decoration: underline;
}

dl.news_title dd p.news_short {
	color: #666;
	font-size: 93%;
}

dl.news_title dd .TOP_news_img {
	display: none;
}

.news_img {
	margin: 10px 0;
}

.news_img_2nd {
	margin: 10px 0;
}

.news_text_page {
	margin: 0 0 15px 0;
}

*+html .news_text_page {
	line-height: 2;
}

* html .news_text_page {
	line-height: 2;
}

/* -- clear float -- */ 
.news_text_page {
	min-height:0;
	display: inline-table;
}

.news_text_page:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .news_text_page {height:0;}
.news_text_page {display: block;}
/* */
/* -- end clear float -- */

#adobeReaderArea {
	font-size: 77%;
	color: #666;
	border: 1px dotted #ccc;
	padding: 10px;
	margin: 15px 0 0 0;
}

/*----------------------------------------------------------
	ブログ関連
----------------------------------------------------------*/

dl.blog_title {
	padding: 10px 0;
	text-align: left;
}

dl.blog_title dt {
	float: left;
	width: 100px;
	padding: 10px 0 5px 0;
	border-top: 1px dotted #CC9933;
	clear: both;
}

dl.blog_title dd {
	padding: 10px 0 5px 0;
	margin: 0 0 0 100px;
	border-top: 1px dotted #CC9933;
}

dl.blog_title a {
	color: #666666;
	text-decoration: underline;
}

dl.blog_title a:visited {
	text-decoration: underline;
}

dl.blog_title a:hover {
	color: #666666;
	text-decoration: underline;
}

dl.blog_title a:active {
	color: #666666;
	text-decoration: underline;
}

dl.blog_title dd p.blog_short {
	color: #666;
	font-size: 93%;
}

dl.blog_title dd .TOP_blog_img {
	display: none;
}

.blog_img {
	margin: 10px 0;
}

.blog_img_2nd {
	margin: 10px 0;
}

.blog_text_page {
}

*+html .blog_text_page {
	line-height: 2;
}

* html .blog_text_page {
	line-height: 2;
}

.btn_input,
#inputBt {
	text-align: center;
	margin: 10px 0 0 0;
}

.pager {
}

.pager .link {
	color: #66ccff;
	padding: 3px 8px;
	border: 1px #9bddfe solid;
}

.pager .clink {
	color: #fff;
	padding: 3px 8px;
	background: #66ccff;
}

.pager a:link,
.pager a:visited {
	text-decoration: none;
}
.pager a:hover,
.pager a:active {
	background-color: #edf9ff;
	text-decoration: none;
}

p#commentTitle {
	padding: 20px 0 0 0;
	border-bottom: 1px solid #ccc;
}

table.commentTable {
}

table.commentTable th.field2 {
	width: 105px;
	padding: 10px 10px 10px 0;
	text-align: right;
}

table.commentTable td {
	padding: 10px 0 0 0;
}

table.commentTable td p {
	margin: 0;
	padding: 0;
}

table.commentTable td textarea {
	width: 420px;
	height: 100px;
}



/*----------------------------------------------------------
	サイドエリア（新着情報）
----------------------------------------------------------*/

#sidenavi {
	float: right;
	width: 700px;
}

.sidenavi_in {
	margin: 0 0 20px 0;
	padding: 10px 0;
	position: relative;
}



/*----------------------------------------------------------
	トピックス関連
----------------------------------------------------------*/

.topics {
	background: url(/images/shapeup/icon_square.gif) no-repeat left center;
	margin: 0;
	padding: 0 0 0 12px;
	position: absolute;
	top: 16px;
	left: 450px;
}

.rss_img {
	width: 34px;
	height: 20px;
	background: url(/images/shapeup/rss.gif) no-repeat;
	display: block;
	position: absolute;
	top: 16px;
	right: 11px;
}

* html .rss_img {
	top: 10px;
}

.rss_img span {
	display: none;
}



/*----------------------------------------------------------
	サブナビ
----------------------------------------------------------*/

#subnaviArea {
	float: left;
	width: 255px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	text-align: left;
}

* html #subnaviArea {
	width: 230px;
}

.year,
.category {
	margin: 1em 0 0 0;
}

ul.subnavi {
	margin: 0 0 15px;
}

ul.subnavi li {
	background: url(/images/shapeup/icon_square.gif) no-repeat left center;
	padding: 0 0 3px 14px;
}

ul.subnavi li a:link {
}

ul.subnavi li a:visited {
}

ul.subnavi li a:hover {
}


/*----------------------------------------------------------
	フリースペース1
----------------------------------------------------------*/

#freeSpace1 {
	float: left;
	width: 238px;
	min-height: 300px;
	padding: 0 17px 0 0;
}



/*----------------------------------------------------------
	フリースペース2
----------------------------------------------------------*/

#freeSpace2 {
	clear: both;
	width: 960px;
	text-align: center;
}



/*----------------------------------------------------------
	フリースペース 2nd
----------------------------------------------------------*/

#freeSpace2nd {
	margin: 0 0 20px 0;
}



/*----------------------------------------------------------
	関連リンク
----------------------------------------------------------*/

#relatedLinksArea {

}

#relatedLinksArea ul {
	clear: both;
}

#relatedLinksArea li {
	display: inline;
}


#relatedLinksArea ul.textlink {
	margin: 10px 0;
	text-align: center;
	letter-spacing: 0;
}

#relatedLinksArea ul.textlink li {
	display: inline-block;
	font-size: 85%;
	border-right: 1px solid #990000;
	padding: 0 8px 0 5px;
	/display: inline;
	/zoom: 1;
}

#relatedLinksArea ul.textlink li.lastchild {
	border: none;
}



/*----------------------------------------------------------
	フッター
----------------------------------------------------------*/

#footer {
	clear: both;
	width: 100%;
	background: url("/images/shapeup/bg_footer.jpg") repeat-x center top;
	margin: 0 auto;
	padding: 20px 0 40px;
}

#footerSection {
	width: 960px;
	margin: 0 auto;
}

#footer a {
	color: #993333;
	text-decoration: none;
}

#footer a:hover {
	color: #993333;
	text-decoration: underline;
}

#footer a:active {
	color: #993333;
}

#footer a:visited {
	color: #993333;
}

#foot_menu {
	width: 540px;
	float: left;
	color: #993333;
	text-align: left;
}

p#copyright {
	color: #993333;
	font-size: 85%;
	text-align: right;
	margin: 0;
}