@charset "SHIFT-JIS";
/*---------------------------------------
　 スタイルシートテンプレート
　 #でdiv idを指定、.で span classを指定
---------------------------------------*/

/*------------------------------------
　基本設定
　必要のない指定は削除してください  
------------------------------------*/

/* ブラウザによる差異をクリア */
* {
	margin : 0px;
	padding : 0px;
	font-style : normal;
	font-weight : normal;
	font-family : normal;
	text-decoration : none;
}

/* メインとスクロールバー（WINIE） */
html{
	scrollbar-face-color: #ffffff;               /* 表面の色 */
	scrollbar-arrow-color: #000000;              /* 矢印の色 */
	scrollbar-highlight-color: #ffffff;          /* ハイライトの色 */
	scrollbar-3dlight-color: #000000;            /* 左端と上端の色 */
	scrollbar-shadow-color: #ffffff;             /* 影の色 */
	scrollbar-darkshadow-color: #000000;         /* 右端と下端 */
	scrollbar-track-color: #ffffff;              /* バーの背景の色 */
}

body {
	margin: 0px auto;                            /* 全体のマージン */
	padding : 0px;                               /* 全体のパディング */
	background-color: #ffffff;                   /* 背景色 */
	color: #333333;                              /* 文字色 */
	text-align: center;                          /* テキストの行揃え*/
	font-size : 90%;                            /* フォントサイズ */
	line-height : 1.5em;
}

/* リンク */
/* link:リンク色 visited:訪問済みリンク hover:カーソルが乗った時に変化色 active:クリック時のリンク色 */
a:link {
	text-decoration: underline;
        color : #006eb0;}
a:visited {
	text-decoration: underline;
        color : #006eb0;}
a:hover {
	text-decoration: underline;
	color: #000000;
	background: #bee0c2;}
a:active {
	text-decoration: underline;
	color: #000000;
	background: #bee0c2;}

/* 画像関係 */
img {
	vertical-align: middle;                  /* 画像の縦方向の位置揃え */
	border : 0px;
}



/*段落*/
p {
	margin : 0px;
	padding : 0px;
}
/*引用*/
blockquote{
	margin : 10px;
	padding : 10px;
}

/* 強調 */
em,b {
	font-style: normal;
	font-weight: bold;}

.str{
        font-weight : bold;}

/* 水平線 */
hr{
	border : 1px solid #777777;
	margin : 5px 0px 5px 0px;}

/* テーブル class="layout"でレイアウトを適用 */
table,th,td {
        border : 1px solid #000000 collapse;
        padding : 5px;}

table.layout {
	width : 90%;
	border-width: 1px;
    border-collapse : collapse;
    border-style : solid;
	border-color: #555555;
	caption-side : top;
	padding : 0px;
	margin : 0px 0px 10px 30px;
	font-size: 100%;
}
table.layout th{
	border-width: 0 1px 1px 0;
    border-collapse : collapse;
    border-style : solid;
	border-color: #555555;
	background : #ccffff;
}
table.layout td {
	border-width: 1px;
    border-collapse : collapse;
    border-style : solid;
	border-color: #555555;
}

.tb-bgc {
    background-color : #ccffff;      /*テーブルセルの背景色を設定*/
    text-align : center;
}

/*　フォーム　*/
textarea , input {
	border: 1px solid;
	border-color: #000000;
	background : #ffffff;
	padding : 2px;
	margin : 0px 0px 0px 5px;
}

.button {
	border: 1px solid;
	border-color: #000000;
	background : #ffffff;
	margin : 0px 0px 0px 40px;
	padding : 5px;
	font-weight : bold;
}

dt{
	margin : 5px 5px 0px 20px; 
	font-weight : bold;
	color : #1e50a2;
}
dd{
	margin : 0px 5px 5px 30px; 
}
.fc-red{
	color : #990033;
	font-weight : bold;
}

ol{
	list-style-type : decimal;
	margin : 0px 0px 30px 60px;

}

/*------------------------------------
     レイアウト設定
     数値はレイアウトに合わせて指定
     必要のない指定は削除してください
------------------------------------*/

/*　ヘッダーレイアウト　*/
#title_container {
	width: 100%;
	border : 0px;
	margin : 0px auto;
	padding: 0px;
	text-align : center;
	background : #ffffff;
}
#title_title {
	width: 1000px;
	height : 70px;
	border-right : 1px solid #999999;
	border-left : 1px solid #999999;
	margin : 0px auto;
	padding: 0px;
	text-align : left;
	background-image : url(./material/title.jpg);

}

#title_container #title_title h1 a{
	text-indent:-9999px;
	width : 400px;
	height : 70px;
	display : block;
}	
#title_container #title_title h1 a:hover{
	text-decoration : none;
	background : none;
}	

/*　ナビエリア */
#navi_container {
	width: 1000px;
	border-top : 1px solid #0c307f;
	border-right : 1px solid #999999;
	border-left : 1px solid #999999;
	margin: 0px auto;
	padding: 0px;
	background : #0c307f;
    text-align : center;
    clear : both;
}
#navi_navi {
	width: 875px;
	border : 0px;
	margin: 0px auto;
	padding: 0px;
    text-align : center;
    clear : both;
}

/* ナビ */
ul#navi li{
        width : 125px;
        height : 30px;
        border : 0px;
        padding : 0px;
        float : left;
        overflow : hidden;
        list-style: none;
}
ul#navi a{
		background : none;
}

/* メイン全体包括 */
#wrap {
     width :  100%;
     border : 0px;
     margin : 0px auto;
     padding : 0px;
     text-align : center;
     
}
/* メイン全体包括 */
#main {
     width :  1000px ;
     border-top : 1px solid #999999;
	 border-right : 1px solid #999999;
	 border-left : 1px solid #999999;
     margin : 0px auto;
     padding : 0px;
     background : #ffffff;
     text-align : center;
}
/* タイトル画像 */
#flash_container{
	width: 1000px;
	height : 100px;
	border : 0px;
	margin: 0px;
	padding: 0px;
    text-align : center;
    clear : both;
}

/*　ぱんくず */
#tree_container{
	width: 1000px;
	border : 0px;
	margin: 0px;
	padding: 0px;
    text-align : left;
}
#tree_container p{
	border-bottom : 1px dashed #fcc800;
	margin: 0px;
	padding: 5px;
	color : #7b5544;
    text-align : left;
    font-weight : bold ;
}

/* テキストエリア */
.text_area_container{
	width: 1000px;
	border : 0px;
	margin: 0px;
	padding: 0px;
    text-align : left;
    clear : both;
}
.text_area_container p{
	margin: 10px 5px  10px 15px;
	padding: 0px;
    text-align : left;
}




h3{
	border-bottom : 2px solid #2cb4ad;
	margin : 10px 0px 10px 0px;
	padding : 0px;
	font-weight : bold;
	font-size : 100%;
}

h4{
	border : 0px;
	margin : 0px 0px 0px 10px;
	color :  #0068b7;
	padding : 2px;
	font-weight : bold;
}

/* テキストエリア2カラム用 */
#text_left_container{
	width: 640px;
	border : 0px
	margin: 0px;
	padding: 0px;
    text-align : center;
    float : left;
}

.text_left_main{
	width: 630px;
	border : 1px solid #999999;
	margin : 10px 0px 0px 10px;
	padding: 0px;
    text-align : left;
}
.text_left_main_noborder{
	width: 630px;
	border : 0px; 
	margin : 10px 0px 0px 0px;
	padding: 0px;
    text-align : left;
    clear : both;
}

.text_left_main h2{
	border-bottom : 3px dashed #22abde;
	margin : 5px;
	padding: 3px;
    text-align : left;
    color : #202f55;
    font-weight: bold;
    font-size : 100%;
}

.text_left_main p{
	margin : 5px;
	padding: 5px;
    text-align : left;
}

.text_left_main_noborder p{
	margin : 5px;
	padding: 5px;
    text-align : left;
}
.text_left_main_noborder h2{
	margin : 5px 0px 5px 0px;
	padding: 5px;
    text-align : left;
    background: url(material/titleback.jpg) repeat;
    font-size : 100%;
    color : #202f55;
    font-weight : bold;
}

ul.servicebox li{
	border : 0px;
	width : 500px;
	height : 100px;
	margin : 5px 0px 10px 40px ;
	padding : 0px;
    list-style: none;
	float:left;
     box-shadow:3px 3px 5px #ccc;
}
.products_left{
	width : 300px;
	border : 1px solid pink;
	margin-left : 15px;
	padding : 0px;
	float : left;
}
.products_right{
	width : 200px;
	border : 1px solid blue;
	padding : 0px;
	float : right;
}

#text_right_container{
	width: 320px;
	border : 0px;
	margin: 10px;
	padding: 0px;
	background : #efffff;
    text-align : center;
    float : right;
}

.text_right_main{
	width: 320px;
	border : 0px;
	margin : 0px auto ;
	padding: 0px 0px 10px 0px;
    text-align : center;
}
.text_right_main p.title{
	border : 0px;
	margin : 0px auto;
	padding: 5px;
	background-image :  url("material/titleback.jpg") ;
    text-align : left;
    color : #202f55;
    font-weight: bold;
}
.text_right_main p{
	border : 0px;
	margin : 0px auto ;
	padding: 0px 5px 5px 5px;
    text-align : left;
}
.text_right_main li{
	border : 0px;
	margin-left : 5px;
	padding: 0px;
    text-align : left;
    list-style: none;

}

/* テキストエリア1カラム用 */
.text_container{
	width: 950px;
	border : 0px;
	margin: 0px auto;
	margin-top : 15px;
	padding: 0px;
    text-align : left;
}
.text_container h2{
	border : 0px;
	margin : 5px;
	padding: 5px;
	background-image :  url("material/titlebacklong.jpg") ;
    text-align : left;
    color : #ffffff;
    font-weight: bold;
    font-size : 100%;
}
.text_container h3{
	border-bottom : 3px solid #a1d8e6;
	margin : 5px 0px 0px 10px;
	padding: 5px;
    text-align : left;
    color : #202f55;
    font-weight: bold;
    font-size : 100%;
}

.text_container p{
	border : 0px;
	margin: 10px 10px 10px 20px;
	padding: 0px;
    text-align : left;
}
.text_container img.lnk{
	border : 0px;
	margin: 10px 10px 10px 15px;
	padding: 0px;
}
.text_container img{
	border : 0px;
	margin: 10px 10px 10px 15px;
	padding: 0px;
}

.text_container a img{
	background : none;
	margin: 0px;
}

.text_container ul li{
	border : 0px;
	margin : 0px 0px 2px 40px;
	list-style-type: square
}

/* サイトマップ */
#sitemap_left{
	width : 47%;
	border : 0px;
	margin : 0px;
	padding : 0px 0px 10px 15px;
	text-align:left;
	float : left;
	
}
#sitemap_left p{
	margin-left : 10px;
}
#sitemap_right{
	width : 47%;
	border : 0px;
	margin : 0px;
	padding : 0px 15px 10px 0px;
	text-align:left;
	float : right;	
}
#sitemap_right p{
	margin-left : 10px;
}


/*フッター */
#footer {
    width : 1000px;
    border-top : 1px solid #999999;
    border-bottom : 1px solid #999999;
    margin : 20px 0px 0px 0px;
    padding : 5px 0px 5px 0px;
    background :  url("material/footerback.jpg") repeat-x;
    text-align : right;
    clear : both;
}
#footer p {
    margin : 0px;
    padding : 5px 10px 0px 0px;
    text-align : right;
}
.uptop{
	width : 97%;
	border : 0px;
	margin : 0px auto;
	padding : 0px;
	text-align : right;
	font-size : 90%;
	clear : both;
}

/*　テキスト右寄せ　*/
p.text-right{
	margin : 5px 10px 5px 0px;
	padding : 0px;
    text-align : right;
}

/* クリア */
#wrap:after,
#footer:after,
#title_container:after,
#navi_navi:after,
#text_area_container:after,
#text_left_container:after,
#text_right_container:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#wrap,
#footer,
#title_container,
#navi_navi,
#text_area_container:after,
#text_left_container:after,
#text_right_container:after
 {display: inline-table;}

/* Hides from IE-mac \*/
* html #wrap,
* html #footer,
* html #title_container,
* html #navi_navi,
* html #text_area_container,
* html #text_left_container,
* html #text_right_container
{ height: 1%;}

#wrap,
#footer,
#title_container,
#navi_navi,
#text_area_container,
#text_left_container,
#text_right_container
{display: block;}
/* End hide from IE-mac */