@charset "Shift_JIS";
/* --- フォント --- */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,tr,form{
margin:0;
padding:0;
font-size:100%;
text-align: left; 
}
body {
line-height: 140%;
color:#333333;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:0.9em; 
margin:0;
padding:0;
}

/*-------------------------文章頭揃え---------------------*/
p {
text-indent:-1em;
padding-left:1em;
line-height: 140%;
}

/*-------------------------文章頭揃え（）の場合---------------------*/
.p2 {
text-indent:-2.5em;
padding-left:2.5em;
line-height: 140%;
}

/*-------------------------リンク・通常---------------------*/
a:link {
color: #1d3994;
}
a {
text-decoration: none;
}

a:active { 
color: #7292c9;
}

a:hover {
text-decoration: underline;
}

a:visited {
color: #941D55;
}


/*-------------------------リンク・黒---------------------*/
a:link.kuro { 
color: #333333;
}
a.kuro {
text-decoration: none;
}

a:active.kuro { 
color: #b3b3b3;
}

a:hover.kuro {
text-decoration: underline;
}

a:visited.kuro {
color: #333333;
}

/*-------------------------リンク・白---------------------*/
a:link.shiro { 
color: #ffffff;
}
a.shiro {
text-decoration: none;
}

a:active.shiro { 
color: #b790b7;
}

a:hover.shiro {
text-decoration: underline;
}

a:visited.shiro {
color: #ffffff;
}


/*-------------------------PDFアイコン---------------------*/
a[href $='.pdf'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
/*----各課お知らせ　被災者支援室で使用----*/
a[href $='.pdf#page=1'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf#page=3'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf#page=5'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf#page=7'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
/*-------------------------PDFアイコンなし---------------------*/
a.none[href $='.pdf'] { 
padding: 0px 0px 0px 0px;/* 上右下左*/
background: transparent url(none);
}

/*-------------------------wordアイコン---------------------*/
a[href $='.docx'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_word.png) no-repeat center right;
}

/*-------------------------wordアイコン2---------------------*/
a[href $='.doc'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_word.png) no-repeat center right;
}

/*-------------------------wordアイコン3---------------------*/
a[href $='.rtf'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_word.png) no-repeat center right;
}

/*-------------------------excelアイコン---------------------*/
a[href $='.xlsx'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_excel.png) no-repeat center right;
}

/*-------------------------excelアイコン2---------------------*/
a[href $='.xls'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_excel.png) no-repeat center right;
}

/*-------------------------チェックリスト---------------------*/
label:hover {
background-color: #e0efff;
}
input ,select{
vertical-align:middle;
}


/*-------------------------パンくず---------------------*/
/* --- リストエリア --- */
ol.pankuzu {
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ol.pankuzu li {
display: inline;
margin-left: 6px; 
}

/* --- リンク --- */
ol.pankuzu li a {
margin-right: 6px; 
margin-left: 0px; 
}



/*------------------------- ナビゲーションバー---------------------*/
/* --- ナビゲーションバー --- */

}
div.nav {
width: 940px; /* ナビゲーションの幅 */
background : #f9f9f9 url(index-img/hor_navi_off.gif) repeat-x scroll center top; /* ナビゲーションの背景 */
border-top: 1px #cccccc solid; /* 上境界線 */
border-bottom: 1px #cccccc solid; /* 下境界線 */
font-size: 15px;
}



/* --- メニューエリア --- */
div.nav ul.nl {
/*height: 56px;*/
height: auto;
width: 940px;
margin: 0 auto;
padding: 0;
background : #f9f9f9 url(index-img/hor_navi_off.gif) repeat-x scroll center top; /* メニューの背景 */
border-left: 1px #cccccc solid; /* メニューの左境界線 */
border-right: 1px #ffffff solid; /* メニューの右境界線 */
list-style-type: none;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
height: auto;
width: 188px; /* 項目の幅 */
float: left;
text-align: center;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
/*height: 36px;*/
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-top: 1px #ffffff solid; /* リンクエリアの上境界線 */
border-bottom: 1px #808080 solid; /* リンクエリアの下境界線 */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}

/* --- リンクテキストの色 --- */
div.nav ul.nl li a:link {
	color: #333333;
}
div.nav ul.nl li a:visited {
	color: #333333;
}
div.nav ul.nl li a:hover {
	color: #2b618f;
}
div.nav ul.nl li a:active {
	color: #2b618f;
}

/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background : #f9f9f9 url(index-img/hor_navi_on.gif) repeat-x scroll center top; /* ポイント時の背景 */
text-decoration: none; /* テキストの下線（なし） */

}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* ---------- ナビゲーションバー（画像） ---------- */




a.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 69px;
     line-height: 1.6;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #fcfcfc;
     border: 1px solid #cccccc;
     color: #000000;
     width: auto;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
     top:70px;
}
 
/* IE6以下にのみ適用 */
a.tooltip:hover span{
     width: auto;
}


ul#globalnavi{
    width:940px;
    overflow:hidden;
}

ul#globalnavi li{
    float:left;
    height:69px;
    display:block;
}

ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(index-img/mainmenu.jpg);
    padding-top:69px;
}

/* global navi normal
---------------------*/
    #navi1 a { width:235px; background-position:0       0;}
    #navi2 a { width:235px; background-position:-235px 0;}
    #navi3 a { width:235px; background-position:-470px 0;}
    #navi4 a { width:235px; background-position:-705px 0;}

/* global navi rollover
----------------------*/
    #navi1 a:hover  { width:235px; background-position:0      -69px ;}
    #navi2 a:hover  { width:235px; background-position:-235px -69px;}
    #navi3 a:hover  { width:235px; background-position:-470px -69px;}
    #navi4 a:hover  { width:235px; background-position:-705px -69px;}
        
      



/*------------------------- 新着情報 -----------------*/
/* --- ボックス --- */
#new {
width: 512px; /* ボックスの幅 */
margin: 8px auto 8px auto;
}

/* --- タブエリア --- */
#new ul.tabs {
hight: 100px;
width: 100%; /* タブエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
}
#new ul.tabs li {/* offタブ左側 */
position: relative;
z-index: 1;
width: 150px; /* タブの幅 */
padding-left:10px;
margin: 0 5px -1px 0; /* タブのマージン（上右下左） */
background : transparent url(index-img/tab-off1.png) no-repeat scroll left top; /* タブの背景（左） */
border-bottom-style: none;
text-align: center;
float: left;
}

/* --- リンクエリア --- */
#new ul.tabs li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
background : transparent url(index-img/tab-off2.png) no-repeat scroll right top; /* タブの背景（右） */
outline: none; /* アウトライン（なし） */
text-decoration: none;
}
/* --- ポイント時の設定 --- */
#new ul.tabs li a:hover {
text-decoration: none;
}

/* --- アクティブなタブ --- */
#new ul.tabs li.active {
z-index: 3;
background : transparent url(index-img/tab-on1.png) no-repeat scroll left top; /* アクティブタブの背景（左） */
font-weight: bold; /* 太字 */
}
#new ul.tabs li.active a {
background : transparent url(index-img/tab-on2.png) no-repeat scroll right top; /* アクティブタブの背景（右） */
color: #333333; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
#new ul.tabs li.active a:hover {
text-decoration: underline; /* テキストの下線（なし） */
}

/* --- 本文領域 --- */
#new div.topicArea {
position: relative;
z-index: 2;
height: 490px; /* 本文領域の高さ */
overflow: auto; /* はみ出た場合はスクロールで表示 */
padding: 15px 0 0 0; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border: 1px #c0c0c0 solid; /* 本文領域の境界線 */
}

#new dt {
float:left;
width:8.5em;
padding :0.1em 0 0.1em 1em;
}

#new dd {
margin-left:10em;
padding :0.1em 1em 0.1em 0;
zoom: 1;
}
/* --- 本文領域イベント用 --- */
dl.ev dt {
float:left;
width:8.5em;
padding :0.1em 0 0.1em 1em;
}

dl.ev dd {
margin-left:10em;
padding :0.1em 1em 0.1em 0;
zoom: 1;
}

/* --- 段落 --- */
#new topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* --- 本文領域内の各ボックス --- */
#new div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #c0c0c0 solid; /* JavaScriptがオフの場合の設定 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* ------------------------- トップ新着リスト ----- */
ul.sbn {
width: 512px;
margin: 0;
padding: 0 0 0 0;
text-align: right;
font-size: 0.9em;
font-weight:bold;
vertical-align:baseline;
}
 
ul.sbn li {
display: inline;
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px;
list-style: none;
}

/* ------------------------- トップお知らせリスト ----- */
ul.obn {
width: 345px;
margin: 0;
padding: 0 0 0 0;
font-size: 0.9em;
font-weight:bold;
text-align: right;
vertical-align:baseline;
}
 
ul.obn li {
display: inline;
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px;
list-style: none;
}

/* -------------------------新着リスト-------------------*/
ul.lists {
margin: 0 0 20px 0;/*上右下左 */
padding: 0 0 0 0;/*上右下左*/
text-align: left; /* テキストの配置 */
}
 
/* --- リスト項目 --- */
ul.lists li {
margin:  0px 5px 0 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px; /* マーカー画像 */
list-style-type: none;
}


/*------------------------- サイドボックス青----------------*/
/* --- ボックス --- */
div.box {
width: 204px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
overflow: auto;
margin: 8px 0 8px 0;
padding: 0 0 8px 0;
}

/* --- 見出し --- */
div.box h3 {
margin: 0 0 8px 0;
padding: 15px 6px 6px 15px; /* 見出しのパディング（上右下左） */
height: 30px;
background : #f9f9f9 url(index-img/head1.gif) repeat-x scroll center top; /* 見出しの背景 */
font-size: 17px; /* 見出しの文字サイズ */
color:#ffffff;/* 文字色 */
}


/*------------------------- サイドボックス赤------------------*/
/* --- ボックス --- */
div.box2 {
width: 204px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
text-align: left; /* テキストの配置 */
overflow: auto;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
}

/* --- 見出し --- */
div.box2 h3 {
margin: 0 0 8px 0; /* 見出しのマージン */
padding: 15px 6px 6px 15px; /* 見出しのパディング（上右下左） */
height: 30px;
background : #f9f9f9 url(index-img/head.gif) repeat-x scroll center top; /* 見出しの背景 */
font-size: 17px; /* 見出しの文字サイズ */
color:#ffffff;/* 文字色 */
text-align: left; /* テキストの配置 */
}

/*------------------------- トップバナー ------------------*/
img.banner {
margin: 8px 0 0 0;
}

/* -------------------------リストマーク縦（青）-------------------*/
ul.list {
margin: 0 0 0 0;/*上右下左 */
padding: 0 0 0 0;/*上右下左*/
text-align: left; /* テキストの配置 */
}
 
/* --- リスト項目 --- */
ul.list li {
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px; /* マーカー画像 */
list-style-type: none;
}


/* -------------------------リストマーク・縦（赤）--------------*/
ul.list2 {
margin: 0 ;/* マージン（上右下左） */
padding: 0;
text-align: left; /* テキストの配置 */
}
 
/* --- リスト項目 --- */
ul.list2 li {
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list2.png) no-repeat scroll 3px 4px; /* マーカー画像 */
list-style-type: none;
}

/* ------------------------- その他・本文用 ----- */
ul.list3 {
width: auto;
float: left;
margin: 0;
padding: 0;
}
 
ul.list3 li {
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px;
list-style: none;
float:left;
}

/* -------------------------リストマーク（青）本文用-------------------*/
ul.list-h {
width: auto;
margin-bottom: 8px;
padding: 0;
}
 
/* --- リスト項目 --- */
ul.list-h li {
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px; /* マーカー画像 */
list-style-type: none;
}

/* -------------------------リストマーク（青）本文用2-------------------*/

ul.list-h2 {
width: 940px;
margin-bottom: 8px;
padding: 0;
list-style-type: none;
}

ul.list-h2 li {
float: left;
width: 300px;
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px; 
}

.clearLeft { 
clear: left; 
}

ul.list-h3 {
width: 850px;
float: left;
margin-bottom: 8px;
padding: 0;
}
 
ul.list-h3 li {
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px;
list-style: none;
float:left;
}

/* ------------------------- トップ・カテゴリ-------------*/
/* ------------------------- トップカテゴリリスト ----- */
ul.list-t {
width: 466px;
float: left;
margin-bottom: 8px;
padding: 0;
}
 
ul.list-t li {
margin:  0px 5px 0px 12px;/* マージン（上右下左） */
padding: 0px 0px 0px 25px;/* 項目のパディング（上右下左） */
background : transparent url(index-img/list.png) no-repeat scroll 3px 4px;
list-style: none;
float:left;
}

/* --- 小見出し --- */
div.kategorie {
width: auto; 
margin : 0 auto 8px auto;
background : #f9f9f9 url(index-img/head2.gif) repeat-x scroll 0% 0%; /* 見出しエリアの背景 */
border-width : 1px;
border-style : solid;
border-color : #c0c0c0; /* 見出しエリアの境界線 */
border-bottom: 2px #81BAE7 solid; /* 見出しの下境界線 */
text-align: left; /* テキストの配置 */
}


/* ------------------------- 大見出し ----- */
/* --- 見出しエリア --- */
div.midashi {
margin: 0px 0px ;
width: auto; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 13px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #d8f6e3 ;
border: 1px #6ebaad solid; /* 見出しエリアの境界線 */
}

/* --- 見出し --- */
div.midashi h1 {
margin: 0;
padding:  10px 8px 8px ; /* 見出しのパディング（上、左右、下） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 110%; /* 見出しの文字サイズ */
line-height: 100%;
}
/* ----------------------------- 大見出し復興・まちづくり専用 ----- */
/* --- 見出しエリア --- */
div.midashif {
margin: 0px 0px ;
width: auto; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #d8f6e3 ;
border: 1px #6ebaad solid; /* 見出しエリアの境界線 */
}

/* --- 見出し --- */
div.midashif h1 {
margin: 0;
padding:  0px 8px 8px ; /* 見出しのパディング（上、左右、下） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

.marufuku {
margin: 5px 0 -7px 4px;
}


/* ------------------------- 小見出し ----- */
/* --- 小見出しエリア --- */
div.komidashi {
background-repeat:repeat-x;
background-image:url(index-img/back.jpg) ;
margin: 0px 0px ;
width: auto; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
border: 1px #6ebaad solid; /* 見出しエリアの境界線 */
clear:left; /* --- 回り込み解除 --- */
}

/* --- 小見出し --- */
div.komidashi h2 {
margin: 0;
padding:  8px 8px 5px ; /* 見出しのパディング（上、左右、下） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* ------------------------- 小見出し2 ----- */
/* --- 見出しエリア --- */
div.komidashi2 {
width: auto; /* 見出しエリアの幅 */
margin: 0px 10px;
margin-left: 10px;
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
clear:left; /* --- 回り込み解除 --- */
}

/* --- 見出し --- */
div.komidashi2 h3 {
margin: 0;
padding: 5px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- sdgs見出しエリア --- */
div.komidashi2sdgs {
width: auto; /* 見出しエリアの幅 */
margin: 0px 10px;
margin-left: 10px;
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
clear:left; /* --- 回り込み解除 --- */
}
/* --- sdgs見出し --- */
div.komidashi2sdgs h3 {
margin: 0;
padding: 5px 3px 0 5px; /* 見出しのパディング（上右下左） */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}
.komidashi2sdgs h3:before {
content: url(index-img/sdg_icon_wheel.png);
background-repeat: no-repeat;
vertical-align: middle; /* 上下中央に寄せる */ 
}

/* ---二分割ボックス（横）--- */
#2box {
	width: 940px;
	margin: 0 auto;/*ブラウザの中央に配置*/
}
.container {
	width: 940px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
}
.box-1 {
	width: 466px;
	float: left;/*横並びにしています*/
	margin-right: 8px;
}

.box-2 {
	width: 466px;
	float: left;/*横並びにしています*/
}

/* ---二分割ボックス（広報音声）--- */
div.3box {
	width: 300px;
	margin: 0 auto;/*ブラウザの中央に配置*/
}
div.container {
	width: 300px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	margin: 0 0 20px 40px;
}
div.box1-3 {
	width: 60px;
	float: left;/*横並びにしています*/
	margin-right: 8px;
	margin-top: 8px;
}

div.box2-3 {
	width: 60px;
	float: left;/*横並びにしています*/
	margin-top: 8px;
	margin-right: 8px;
}

/* ---二分割ボックス（横）本文--- */
#hbox {
	width: 850px;
	margin: 0 auto;/*ブラウザの中央に配置*/
}
.containerh {
	width: 850px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
}
.boxh-1 {
	width: 417px;
	float: left;/*横並びにしています*/
	margin-right: 4px;
}

.boxh-2 {
	width: 417px;
	float: left;/*横並びにしています*/
	margin-left: 4px;
}

/* ---本文2分割--- */
div.containerh2 {
	width: 500px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	margin: 0 0 20px 40px;
}
div.boxhl1 {
	width: 200px;
	float: left;/*横並びにしています*/
	margin-right: 4px;

}

div.boxhr2 {
	width: 200px;
	float: left;/*横並びにしています*/
	margin-left: 4px;
}

/* ---画像大きい--- */
div.containerh3 {
	width: 900px;/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	margin: 15px 0 20px 40px;
}
div.boxh31 {
	width: auto;
	float: left;/*横並びにしています*/
	margin-right: 4px;
	margin-bottom : 15px;
}
div.boxh32 {
	width: auto;
	float: left;/*横並びにしています*/
	margin-left: 4px;
	margin-bottom : 15px;
	text-align: center;
}