﻿@charset "utf-8";

/************************************************************************

前ページ共通レイアウト

*************************************************************************/

/* ===== モジュールリセット ===== */

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

html{
	height:100%;
}

body {
	height:100%;
	margin:0px;
	color: #333;
	font-size: 90%;
	line-height: 150%;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	background-image: url(images/body_back.gif);
	background-repeat: repeat-x;
}

/* ===== フォントのサイズ指定 ===== */

.text10 { font-size:90%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


/* ===== フォントの色指定 ===== */

.textred {color:#F00;}
.textwhite {color:#FFF;}

/* ===== クラスの縦マージン指定 ===== */

.margin10{margin:10px 0px;}
.margin20{margin:20px 0px;}
.margin20{margin:30px 0px;}


/* ===== リンク設定 ===== */

a img {
	border-style: none;
}

a:link {
	color: #900;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #900;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* ===== テキスト内　ul設定 ===== */
ul.text{
	list-style-type: square;
	margin:10px 0px;
	display:block;
}

ul.text li{
	list-style-position:outside;
	margin-left:19px;
}

/* ****************************************************
       ヘッダー部分
******************************************************* */

/* ===== ヘッダー外枠 ===== */

#wrapper_head{
	height:100px;
	}

/*--------------------------------------------
 header layout ヘッダー部CSS
-------------------------------------------- */

/* ===== ヘッダー内枠 ===== */

#header {
	width: 900px;
	height: 100px;
	margin: 0px auto 5px auto;
	position: relative;
}

/* ===== ヘッダー部左上テキスト ===== */

#header p.top_text {
	font-size:90%;
	margin-top:10px;
}

/* ===== ヘッダー部　アルトムロゴ ===== */

#logo {
	position: absolute;
	left: 0px;
	top: 55px;
}

/* ===== ヘッダー部　右上メニュー ===== */

#header ul {
	width: 383px;
	height: 20px;
	font-size: 80%;
	text-align: right;
	position: absolute;
	left: 570px;
	top: 11px;
	list-style: none;
}

#header ul li {
	float: left;
	margin-right: 20px;
	height: 20px;
}

#header ul li a {
	height: 2.5em;
	text-decoration:none;
}


/* ===== ヘッダー部　電話番号メニュー ===== */

#header .tell {
	position: absolute;
	left: 498px;
	top: 50px;
}

/* ===== ヘッダー部　お問合せボタン ===== */

#header .inq {
	position: absolute;
	left: 702px;
	top: 50px;
}


/* ****************************************************
       グローバルメニュー部分
******************************************************* */

#globalmenu{
	text-align:center;
	background-image:url(images/gnavi/haikei.gif);
	background-repeat:repeat-x;
	margin:5px 0px 5px 0px;
	height:50px;
        position: relative;

}


#globalmenu ul{
        width: auto;
	height: 51px; 
	height:55px;
	margin:0px auto 0px auto;
	list-style: none;
        position: relative;
        left:50%;
        float: left;

}

#globalmenu ul li{
	float: left;
        position: relative;
        display:inline;
        left:-50%;

}


/*
#globalmenu {
	width:100%;
	min-height:51px;
	background-image:url(images/gnavi/test_haikei.gif);
	background-repeat:repeat-x;
}
#globalmenu ul {
	width: 490px;
	margin:0px auto;
	list-style: none;
	overflow:hidden;
}
#globalmenu ul li {
	float: left;
	padding:0 10px  
	display:inline;
	height:51px;
}
*/
/* ****************************************************
       メイン部分
******************************************************* */

/* ===== コンテナー　900pxに抑える枠 ===== */

#container {
	background-color: #FFF;
	width: 900px;
	margin: 0px auto 20px auto;
	display:block;
}


/* ===== メイン部分　木の葉メニュー ===== */

#konoha_space{
	clear:both;
	display:block;
}

ul#konoha {
	font-size: 80%;
	list-style: none;
	display:block;
}

ul#konoha li {
	float: left;
	margin-right: 5px;
	display:block;
}

/* ===== メイン部分　各ページメインパート（中段左スペース） ===== */

#main {
	width: 690px;
	margin-bottom: 10px;
	margin-top: 20px;
	position: relative;
	float: left;
	display:block;
	overflow: hidden;
	clear: both;
}


/* ===== メイン部分　h1タイトル ===== */

#main h1.title{
	height:30px;
	background:url(images/title01.gif);
	margin:20px 0px 8px 0px;
	padding-top:5px;
	padding-left:45px;
	font-size:130%;
	border-bottom:solid 2px #666;
}


/* ===== メイン部分　h2タイトル ===== */

#main h2.title{
	font-size : 14px;
	background:url(images/h2_point.gif) no-repeat left;
	border-bottom : 2px solid #999999;
	height : 25px;
	margin:0px 0px 20px 0px;
	padding:5px 0px 0px 30px;
}

/* ===== メイン部分　h3タイトル ===== */

#main h3.title{
	font-size : 14px;
	height : 25px;
	margin-top:20px;
	border-bottom:solid 2px #FF9900;
 	padding: 5px 0px 0px 9px;
}

/* ===== メイン部分　h4タイトル ===== */

#main h4.title{
	color:#F60
}

/* ===== メイン部分　h5タイトル ===== */

#main h5.title{
	color:#F60
}



/* ===== メイン部分　リストブロック ===== */

table.list_block p.photo{
	text-align:center;
}

table.list_block img{
	border:solid 1px #999;
	text-align:center;
}

table.list_block p.midashi{
	background:#333;
	font-weight:bold;
	color:#ffffff;
	display:block;
	text-align: center;
}


table.list_block p{
	margin:5px auto;
	display:block;
}


/* ===== clearfix対応 ===== */
.clearfix{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*--=============================================================================================================
 社内報トップ
=================================================================================================================-- */

/*---各ページのメインビジュアル用CSS--- */
#main_visual{
	clear:both;
	display:block;
	margin-bottom:20px;
}

/*---社内報トップのメインビジュアル用テーブルにて-- */
table#mainV_syaTable{
	border:none;
}

/*---社内報トップのメインビジュアル用テーブルにて-- */
td.explanation{
	background:#eee;
	color:#333;
	padding:5px;
}









h1#subtitle {
	font-weight: bold;
	color: #333;
	margin:15px 0px;
}




#main .naiyou {
	clear: both;
	padding-top: 20px;
	padding-left: 100px;
	padding-right: 30px;
}
#main .naiyou img {
	margin-bottom: 20px;
}
#main .honbun01 {
	margin-top: 20px;
	font-size: 90%;
}
#main h4.sitemap1 {
	width: 678px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #333;
	margin-top: 15px;
	margin-bottom: 5px;
}
#main p.enkaku_komidashi2 {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
#main .seisaku_nagare {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
}
#main .seisaku_nagare img {
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
}

#main p.komidashi_nagare {
	font-weight: bold;
	color: #F60;
}
#main .seisaku_nagare p.shonbun {
	margin: 10px;
	display: compact;
	font-size: 90%;
}

#main .jirei_waku {
	border:1px #cccccc solid;
	padding:10px;
	margin-top:20px;
}

#main .jirei1 {
	margin-bottom: 10px;
	border:solid 1px #cccccc;
	height:150px;
	margin-top: 10px;
}
a #Image25 {
	margin-top: 20px;
}


#main .jirei1_left {
	float: left;
	width:180px;
	height:150px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#F5A538;
}

#main .jirei1_right {
	float: right;
	font-size: 90%;
	width: 450px;
	margin-top: 10px;
	margin-right: 10px;
}

#main .jirei2 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	height:150px;
	clear: both;
}

#main .jirei2_left {
	margin: 0px 15px 0px 0px;
	float: left;
	width: 180px;
	background-color: #9C3;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 150px;
}

#main .jirei2_right {
	margin: 10px 10px 10px 10px;
	float: right;
	width: 450px;
	font-size: 90%;
}






#news_title {
	font-weight: bold;
	background-color: #F7B34D;
	float: left;
	width: 120px;
	margin-top: 20px;
	text-align: center;
	height: 130px;
	margin-bottom: 20px;
	color: #FFF;
}
#news_naiyou {
	float: right;
	margin: 20px auto 20px 10px;
	width: 550px;
	display: inline;
	overflow: scroll;
	height: 130px;
	overflow-x: hidden;
}





#news  {
	height: 100px;
}








dl#news {
	font-size: 95%;
}
dl#news dt {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	display: block;
}
dl#news dd {
	margin-bottom: 0px;
	display: inherit;
}
#main ul#submenu {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 20px;
}
#main ul#submenu a{
	text-decoration:none;
	color:#000;
}


#main ul#submenu li{
	display: inherit;
	float: left;
	margin-right: 15px;
	height:30px;
	font-size:85%;

}

#main #mainleft {
	float: left;
	margin-top: 20px;
	width: 115px;
	clear: both;
	padding-left: 50px;
}

#main #mainright {
	float: right;
	margin-top: 20px;
	width: 500px;
}
#mainleft img {
	margin-bottom: 30px;
}
table#gaiyou {
	border-collapse: collapse;
	font-size: 95%;
}
table#gaiyou td {
	padding-bottom: 10px;
}
table#enkaku {
	clear: both;
	margin-top: 40px;
	width: 100%;
	font-size: 95%;
}
table#enkaku td {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 10px;
	padding-top: 5px;
}

#main p.subtitle img {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
#main ul#online {
	float: left;
	list-style: url(images/listpoint.gif) none outside;
	display: block;
	padding-left: 20px;
	width: 490px;
	padding-right: 10px;
	margin-bottom: 15px;
	font-size: 90%;
}
#main ul#online li {
	margin-top: 10px;
	display: block;
}
#main h4#aisatsu {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	clear: both;
	margin-top: 20px;
}
#main #aisatsu2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#main #syanaihou_main {
	margin-top: 20px;
}
#syanaihou_left {
	float: left;
	width: 405px;
	margin-top: 20px;
}
#syanaihou_left p img {
	margin-bottom: 20px;
}

#syanaihou_right {
	float: right;
	margin-right: 0px;
}

#main #byouinkouhou_main {
	margin-top: 20px;
}
#byouinkouhou_left {
	float: left;
	width: 380px;
	margin-top: 20px;
}
#byouinkouhou_left p img {
	margin-bottom: 20px;
}

#byouinkouhou_right {
	float: right;
	margin-right: 2px;
}

#main p.gazouyoko {
	margin-left: 120px;
	display: inherit;
	width: 550px;
}
#main .setsumei_illust {
	text-align: center;
	margin-top: 10px;
	clear: both;
}
#main .setsumei_illust_b {
	text-align: center;
	margin-top: 20px;
	clear: both;
	margin-bottom: 10px;
}


#main .kouhoushi_line {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main .kouhoushi_betweenline {
	width: 625px;
	margin-right: auto;
	margin-left: auto;
}
#faq_index {
	background-attachment: fixed;
	background-image: url(images/19-ol_11.gif);
	background-repeat: no-repeat;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#faq_main  {
	margin-top: 30px;
	margin-left: 100px;
}
#faq_main img {
	margin-bottom: 15px;
}

#lineup {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px 0px;
	margin-top: 20px;
	height: 160px;
	border: 1px solid #CCC;
	clear: both;
}

#lineup #lineupleft {
	text-align: center;
	float: left;
}
#lineupleft p img {
	margin-top: 10px;
	margin-bottom: 10px;
}
#lineup #lineupright {
	float: right;
	width: 490px;
	font-size: 90%;
}
#lineupright .midashi {
	font-weight: bold;
	padding-left: 5px;
	border-left: 10px solid #F90;
	margin-top: 0px;
}

#lineupright table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}
#lineupright p.contents {
	margin-top: 15px;
	font-size: 90%;
}
#lineupright table td {
	padding-top: 5px;
	padding-bottom: 5px;
}
#leader_title {
	background-color: #666;
	margin: 20px auto;
	padding: 5px;
	width: 550px;
	font-weight: bold;
	color: #FFF;
}

#main .baitai {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}







/*--=============================================================================================================
 サイドバー　（前頁共通）
=================================================================================================================-- */
#sidebar {
	float: right;
	width: 190px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align:right;
	display:block;
}
#sidebar p{
	margin-bottom:10px;
}
p.sidebar_ban{
	margin-top:15px;
}

#sidebar ul {
	width:98%;
	list-style: none;
	color: #333;
	text-decoration: none;
}
#sidebar ul li a {
	font-size: 85%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#sidebar ul li a:hover {
	color: #F90;
}

#sidebar ul li {
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}




#sidebar ul.acc, #sidebar ul.acc li ul { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
} 
 
#sidebar ul.acc a{ 
  display: block; 
  height: 30px; 
  line-height: 30px; 
  color: #222; 
} 
 
#sidebar ul.acc { 
  background-color: #FFC; 
} 
 
#sidebar ul.acc li ul { 
  background-color: #FFF; 
} 








p.jirei {
	margin-top: 10px;
}

#topix{
	width:186px;
	border:0px solid #666;
	margin-top:10px;
	text-align:left;
}
#topix .waku{
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:dotted 1px #999;
}
#topix .topikiji1{
	margin:3px;
	font-size:90%;
}
#topix .topikiji2{
	margin:3px;
	font-size:75%;
	line-height:normal;
}

/*--------------------------------------------
 service layout クリエイティブ・サービスCSS
-------------------------------------------- */
#service {
	background:#666666;
	margin-top: 20px;
	padding-top:15px;
	padding-bottom:15px;
	color:#fff;
	font-size:85%;
	clear:both;
}

#service p.subtitle{
	font-weight:bold;
}

#service a:link {
	color: #fff;
	text-decoration: underline;
}
#service a:visited {
	color: #fff;
	text-decoration: underline;
}
#service a:hover {
	color: #fff;
	text-decoration: none;
}
#service a:active {
	text-decoration: none;
}



/* footer styles
----------------------------- */
#footer {
	clear: both;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 90%;
	background:#333333;
	background-image: url(images/footer_back.gf);
	background-repeat: repeat-x;
	height: 48px;
	margin-top:0px;
	color:#FFFFFF;
}
#footer a:link {
	color: #fff;
	text-decoration: underline;
}
#footer a:visited {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footer a:active {
	text-decoration: none;
}



.w900{
	width:900px;
	margin:0px auto;
}
#footer address{
	float:left;
}

#footer ul {
	float: right;
	margin:0px;
}

#footer ul li  {
	display: inline;
	margin-right: 15px;
	list-style: none;
	font-size: 90%;
}






#main .sitemap_01 {
	margin-top: 20px;
	margin-bottom: 2px;
	margin-left: 10px;
	font-size:90%;
}
#main .sitemap_02 {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 50px;
	font-size:90%;
}
#main .sitemap_03 {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 90px;
	font-size:90%;
}
.right {
	text-align: right;
}
#main .kouji_sub {
	font-size: 110%;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px solid #F60;
	border-left: 15px solid #F60;
	font-weight: bold;
}
#faq_q {
	background-image: url(images/19-ol_11.gif);
	height: 478px;
	width: 599px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 110%;
	padding-top: 27px;
	position: relative;
	background-repeat: no-repeat;
}
#faq_q2 {
	position: absolute;
	left: 99px;
	top: 30px;
}
#faq_q2 a {
	color: #06C;
	font-weight: bold;
	text-decoration: none;
}
#faq_q2 a:hover {
	color: #000;
	background-color: #FC0;
}



#faq_q .q1 {
	margin-top: 0px;
	overflow: hidden;
}
#answer01 .answer_honbun {
	font-size: 90%;
	margin-top: 10px;
}

#faq_q .qX {
	margin-top: 10px;
}
#main #answer01 {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(images/19_03.gif);
	border: 1px solid #CCC;
	padding: 10px;
	margin-top: 20px;
}
#answer01 .answer_title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}
.blue {
	color: #06C;
}
.shonbun strong {
	font-weight: normal;
}
#main strong {
	font-weight: normal;
}

table strong {
	font-weight: normal;
}
#main a #Image7 {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
a #Image5  {
	margin-top: 10px;
}

h2#seminor_title{
	padding:10px 0px 10px 5px;
	background:#666666;
	color:#ffffff;
	margin-top:15px;
}
#nittei{
	margin-top:5px;
	margin-bottom:10px;
}
.seminor_syoukai{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}
.profile{
	margin-top:10px;
	padding:10px;
	background:#eeeeee;
	height:310px;
}
.profile p{
	width:440px;
}

h2.content_title{
	margin-top:15px;
	padding:5px 0px 5px 10px;

}
.honbun{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	padding-right:10px;
}
.honbun table{
	font-size:80%;
	line-height:130%;
}
.honbun table td{
	padding:5px;
	border-bottom:dotted 1px #999;
	background:#eee;
}



p.center{
	text-align:center;
	margin:10px 0px;
}

#toiawase{
	margin:30px 0px;
	height:200px;
	border-top:dotted 1px #999;
	clear:both;
}
#toiawase .man{
	float:left;
	margin-top:10px;
	width:200px;
	text-align:center;
}
#toiawase .button{
	float:right;
	margin-top:10px;
	width:480px;
}
#full_setsumei01{
	height:265px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	}

#full_setsumei01 p.text{
	width:400px;
	float:left;
}
#full_setsumei01 p.photo{
	float:right;
}

#fullorder_menu01{
	height:470px;
	margin:20px 0px 0px 0px;
}

#fullorder_menu02{
	height:200px;
	margin:0px 0px 20px 0px;
}


.full_menu01{
	background-image:url(images/full-menuback.gif);
	width:210px;
	height:190px;
	padding-left:8px;
	padding-top:10px;
	float:left;
}


.full_menu01 p.title{
	margin:0px 0px 0px 0px;
}
.full_menu01 img.photo{
	margin:0px 0px 10px 0px;
	border:solid 1px #666;
}
.full_menu01 p.text{
	width:200px;
	font-size:85%;
	line-height:110%;
}

#semi_setsumei01{
	margin:20px 0px;
	height:230px;
	}

#semi_setsumei01 p.text{
	width:400px;
	float:left;
}
#semi_setsumei01 p.photo{
	float:right;
}

#semiorder_menu01{
	height:200px;
	margin:20px 0px 0px 0px;
}

#semiorder_menu02{
	height:200px;
	margin:0px 0px 20px 0px;
}


.semi_menu01{
	background-image:url(images/full-menuback.gif);
	width:210px;
	height:190px;
	padding-left:8px;
	padding-top:10px;
	float:left;
}


.semi_menu01 p.title{
	margin:0px 0px 0px 0px;
}
.semi_menu01 img.photo{
	margin:0px 0px 10px 0px;
	border:solid 1px #666;
}
.semi_menu01 p.text{
	width:200px;
	font-size:85%;
	line-height:110%;
}
table#spec{
	border-top:1px solid #666;
	margin:5px;
}
table#spec td{
	border-bottom:1px solid #666;
	padding:4px;
}

/************************************************************************

社内報トップ　レイアウト

*************************************************************************/

/* ===== メイン部　任せていただくこと ===== */

#main table.koumoku p{
	padding:5px;
}
