@charset "UTF-8";

@import url("css/reset.css");
@import url("css/fonts.css");




/* layout ----------------------------------------------------------------- */

body {
    text-align: center;
    background: #fff;
}

#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

.layout-index #wrapper {
    background: url(images/img-wrapper-index-bg.jpg) repeat-x;
}
.layout-other #wrapper {
    background: url(images/img-wrapper-index-bg.jpg) repeat-x;
}
.layout-2column-right #wrapper {
    background: url(images/img-wrapper-bg.jpg) repeat-x;
}

#wrapper-inner {
    width: 860px;
    min-height: 100%;
    margin: 0 auto;
    padding: 0;
    background: none;
    text-align: left;
}
.Main_photo{
	float: left;
	padding-right: 5px;
}
.sub_photo{
	float: right;
	padding-right: 5px;
	padding-bottom: 10px;
	clear: both;
	padding-left: 15px;
}
.layout-index #content {
	width: 840px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.layout-index #content2 {
	width: 840px;
	top: -20px;
	left: 0px;
}

.layout-other #content {
	width: 840px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.layout-other #content2 {
	width: 840px;
	top: -20px;
	left: 0px;
}



#header, #nav, #banner, #content, #content2, #article, #aside,#aside2, #footer {
	position: relative;
	overflow: hidden;
}

#article, #aside {
    float: left;
}
#article, #aside2 {
    float: left;
}



/* レイアウト・トップページ */

.layout-index #article {
    width: 540px;
}

.layout-index #aside {
	width: 240px;
	margin-top: 15px;
}
.layout-index #aside2 {
	width: 240px;
	margin-top: 5px;
}
.layout-index #coment{
	width: 540px;
	float: left;
}
.layout-index #banner_case {
	height: 346px;
	width: 860px;
	background-color: #f76900;
}
*html .layout-index #banner_case {
	height: 324px;
	width: 860px;
	background-color: #f76900;
}
.layout-index #banner_case2 {
	height: 190px;
	width: 100%;
	background-color: #f76900;
}
*html .layout-index #banner_case2 {
	height: 200px;
	width: 100%;
	background-color: #f76900;
}
#panKuz{
	font-size:10pt;
	text-indent:1em;
	padding-top:10px;
}
.kiji{
	margin-bottom:5px;
}
.layout-index .content_top{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 540px;
	float: left;
	
}
#content h2,#content h2 span.txt{
	font-size:12px;
	color:#ff6600;
	
	height: 20px;
	background-image: url(images/title_bk.jpg);
	padding-top: 5px;
	padding-left: 5px;
}
#content2 h2,#content2 h2 span.txt{
	font-size:12px;
	color:#006600;
	background-color: #CCCCCC;
	height: 25px;
	background-image: url(images/title_bk.jpg);
}
h2{
	height:20px;
	
	border-bottom:1px solid #994405;
	padding:0;
	margin-top: 10px;
}

h2 span.txt{
	display:block;
	padding-left:1em;
	padding-top: 5px;
}
.coment{
	margin-bottom:10px;
	width: 540px;
}
.coment dl{margin:0 0 1em 20px;border-bottom:1px #666 dotted;}
.coment dl dt.itemTitle a{font-weight:bold;}
.coment dl dt.itemTitle span a{font-weight:normal;}
.coment dl dt.itemTitle .date{font-size:80%;line-height:1em}
.coment dl dd{margin:0 0 0 10px;}
.boxBot dl{
	width:540px;
	height:110px;
	float:left;
	margin:0 10px 10px 0;
	border-right:2px #dedede solid;
	border-bottom:2px #dedede solid;
	line-height:20px;
}
.boxBot dl dt{border-bottom:1px #ccc solid;}
.boxBot dl dt a{display:block;font-weight:bold;color:#dedede;padding-left:10px;background:#333;}
.boxBot dl dt a:hover{color:#fff;}
.boxBot dl dd{padding:0 5px;margin:5px 0 0 0;font-size:0.9em;line-height:18px;}
.boxBot dl dd span.tuduki{display:block;text-align:right;}
/* レイアウト・2カラム右サイドバー */

.layout-2column-right #article {
    width: 600px;
	margin-right: 40px; 
}

.layout-2column-right #aside {
    width: 200px;
}

/* レイアウト・2カラム左サイドバー */

/* レイアウト・2カラム等幅 */



/* レイアウト・1カラム */


/* レイアウト・OTHERページ */

.layout-other #article {
    width: 830px;
}

.layout-other #aside {
	width: 240px;
	margin-top: 15px;
}
.layout-other #aside2 {
	width: 240px;
	margin-top: 5px;
}
.layout-other #banner_case {
	height: 203px;
	width: 860px;
	background-color: #f76900;
}
.layout-other #banner_case2 {
	height: 200px;
	width: 100%;
	background-color: #f76900;
}
*html .layout-other #banner_case {
	height: 180px;
	width: 860px;
	background-color: #f76900;
}
*html .layout-other #banner_case2 {
	height: 190px;
	width: 100%;
	background-color: #f76900;
}
.layout-other .coment{
	margin-bottom:10px;
	width: 830px;
}
.layout-other .content_top{
	margin-top: 5;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 830px;
	float: left;
	
}
.layout-other #content h2,#content h2 span.txt{
	font-size:12px;
	color:#FF6600;
	background-color: #FF6600;
	height: 20px;
	background-image: url(images/title_bk.jpg);
	padding-left: 5px;
	padding-top: 5px;
}

/* style ----------------------------------------------------------------- */


a { color: #0000cc; text-decoration: none;}
a:hover { text-decoration: underline; }
a:hover img { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

#header {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 95px;
	background-color: #FFFFFF;
	background-image: none;
}

#header h1 {
	text-align: right;
	font-size: 75%;
	font-weight: normal;
	color: #333;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#header h1 a {
    text-decoration: none;
}

#header #logo {
	position: absolute;
	top: 27px;
	left: 24px;
    margin: 0;
}

#header #header-nav {
    background: none;
    margin: 20px 0 0 0;
    padding: 0;
}

#header #header-nav ul {
    float: right;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
	font-size: 75%;
}

#header #header-nav ul li {
    margin: 0 0 0 15px;
    padding: 0 0 0 7px;
    float: left;
    border: 0;
    list-style: none;
	background: url(images/img-list-marker.gif) no-repeat left center;
}

#header #header-nav ul li a {
    color: #333;
}



#banner {
	margin: 0;
	border: 0;
}


#nav {
    background: none;
    height: 43px;
    margin: 0;
    padding: 0;
}

#nav ul {
    margin: 0;
    padding: 0;
    height: 43px;
    border: 0;
    list-style: none;
}

#nav ul li {
    margin: 0;
    padding: 0;
    float: left;
    height: 43px;
    border: 0;
    list-style: none;
}

#nav ul li a {
    margin: 0;
    padding: 0;
    display: block;
    background: none;
    height: 43px;
    border: 0;
}

#nav ul li.nav01 a {
    background: url(images/img-nav01.jpg);
    left top no-repeat;
    text-indent: -9999px;
    width: 144px;
}


#nav ul li.nav02 a {
    background: url(images/img-nav02.jpg);
    left top no-repeat;
    text-indent: -9999px;
    width: 143px;
}

#nav ul li.nav03 a {
    background: url(images/img-nav03.jpg);
    left top no-repeat;
    text-indent: -9999px;
    width: 143px;
}

#nav ul li.nav04 a {
    background: url(images/img-nav04.jpg);
    left top no-repeat;
    text-indent: -9999px;
    width: 143px;
}

#nav ul li.nav05 a {
    background: url(images/img-nav05.jpg);
    left top no-repeat;
    text-indent: -9999px;
    width: 143px;
}

#nav ul li.nav06 a {
    background: url(images/img-nav06.jpg);
    left top no-repeat;
    text-indent: -9999px;
    width: 144px;
}


#nav ul li.on,
#nav ul li.on a,
#nav ul li.nav01 a:hover {
 	background: url(images/img-nav01_1.jpg);
	  background-position: 0 -43px;
}
#nav ul li.nav02 a:hover {
 	background: url(images/img-nav02_1.jpg);
	  background-position: 0 -43px;
}
#nav ul li.nav03 a:hover {
 	background: url(images/img-nav03_1.jpg);
	  background-position: 0 -43px;
}
#nav ul li.nav04 a:hover {
 	background: url(images/img-nav04_1.jpg);
	  background-position: 0 -43px;
}
#nav ul li.nav05 a:hover {
 	background: url(images/img-nav05_1.jpg);
	  background-position: 0 -43px;
}
#nav ul li.nav06 a:hover {
 	background: url(images/img-nav06_1.jpg);
	  background-position: 0 -43px;
}
.layout-index #banner {
    margin: 0 0 20px 0;
    padding: 0;
    width: 860px;
    height: 347px;
	border-bottom: 5px solid #f76900;
}
*html .layout-index #banner {
    margin: 0 0 0px 0;
    padding: 0;
    width: 860px;
    height: 344px;
	border-bottom: 5px solid #f76900;
}
.layout-index #banner2 {
    margin: 0 0 20px 0;
    padding: 0;
    width: 860px;
    height: 200px;
	border-bottom: 5px solid #f76900;
}
.layout-other #banner {
    margin: 0 0 20px 0;
    padding: 0;
    width: 860px;
    height: 202px;
	border-bottom: 5px solid #f76900;
}
*html .layout-other #banner {
    margin: 0 0 0px 0;
    padding: 0;
    width: 860px;
    height: 200px;
	border-bottom: 5px solid #f76900;
}
.layout-other #banner2 {
    margin: 0 0 20px 0;
    padding: 0;
    width: 860px;
    height: 200px;
	border-bottom: 5px solid #f76900;
}
.layout-2column-right #banner {
    margin: 0 0 20px 0;
    padding: 0;
    width: 860px;
    height: 80px;
	border-bottom: 5px solid #f76900;
}

.layout-index #content {
    margin: 0 auto 20px auto;
	line-height: 1.4;
}
.layout-index #content2 {
    margin: 0 auto 20px auto;
	line-height: 1.4;
}
.layout-other #content {
    margin: 0 auto 20px auto;
	line-height: 1.4;
}
.layout-other #content2 {
    margin: 0 auto 20px auto;
	line-height: 1.4;
}
.layout-other .kiji_voice {
	line-height: normal;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 10px;
}


/*  パンくずリスト  */

#topic-path {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 80%;
    height: 20px;
}

#topic-path ol {   
    margin: 0;
    padding: 0;
}   
#topic-path ol li {   
    float:left;   
    line-height:110%;   
    list-style-type:none;
    margin: 0;
    padding: 4px 0 3px 0;
}   
#topic-path ol li a {   
    margin-right:5px;   
    padding-right:10px;   
    background:url(images/img-topicpath.gif) no-repeat right center;
}  


#article {
    margin: 0 auto;
    padding: 0;
	clear: both;
}

#article .section {
    margin-bottom: 20px;
}




#article .steps-separater {
    margin-bottom: 20px;
	text-align: center;
}

/*  トップページ・ニュースリリース  */

.layout-index #article .newsrelease-list {
    overflow: hidden;
	width: 540px;
    margin: 15px 0 40px 0;
    padding: 0;
}

.layout-index #article .newsrelease-list dl {
    overflow: hidden;
    margin: -1px 0 0 0;
    padding: 0 0 1px 0;
	background: url(images/img-content-underline.gif) left bottom no-repeat;
	font-size: 85%;
}

.layout-index #article .newsrelease-list dl dt {
    display: block;
    float: left;
    width: 80px;
    margin: 0;
    padding: 8px 0 5px 0;
	background: url(images/img-content-underline.gif) left top no-repeat;
}

.layout-index #article .newsrelease-list dl dd {
    display: block;
    float: left;
	width: 460px;
    margin: 0;
    padding: 8px 0 5px 0;
	background: url(images/img-content-underline.gif) left top no-repeat;
}

.layout-index #article .newsrelease-list dl dd .news {
    display: block;
	padding: 0 0 0 80px;
	background: url(images/img-newsrelease-news.gif) left top no-repeat;
}

.layout-index #article .newsrelease-list dl dd .recruit {
    display: block;
	padding: 0 0 0 80px;
	background: url(images/img-newsrelease-recruit.gif) left top no-repeat;
}

.layout-index #article .newsrelease-list dl dd .events {
    display: block;
	padding: 0 0 0 80px;
	background: url(images/img-newsrelease-events.gif) left top no-repeat;
}

.layout-index #article .newsrelease-list dl dd .architecture {
    display: block;
	padding: 0 0 0 80px;
	background: url(images/img-newsrelease-architect.gif) left top no-repeat;
}


/*  ニュースリリース  */


/*  ページ分割  */

#pagination {
    width: 600px;
    background: #fff;
    margin: 0;
    padding: 20px 0 10px 0;
    overflow: hidden;
}

#pagination p {
    text-align: center;
    font-size: 85%;
	line-height: 2.2;
}

#pagination a{
	border:solid 1px #ccc;
	margin: 0 1px;
}

#pagination .previous-off,
#pagination .next-off {
	color:#333;
	padding:3px 6px;
	border:solid 1px #fff;
}

#pagination .next a,
#pagination .previous a {
	padding:3px 6px;
	border:solid 1px #fff;
}

#pagination .active{
	color:#fff;
	padding:3px 6px;
    background: #2955ac;
	border:solid 1px #2955ac;
	margin: 0 1px;
}

#pagination a:link,
#pagination a:visited {
	color:#0000cc;
	padding:3px 6px;
	text-decoration:none;
}

#pagination a:hover{
	border:solid 1px #2955ac;
}





/*  声  */






/* 募集要項 */





/* ニュースリリース個別ページ */



/* ページの先頭へ */

#pagetop {
    clear: both;
    float: right;
    margin: 0 0 20px 0;
}

#pagetop p {
    font-size: 85%;
	padding-left: 14px;
	background: url(./images/pagetop.gif) no-repeat left center;
}

.pagetop {
    clear: both;
    float: right;
    margin: 0 0 20px 0;
    font-size: 85%;
	padding-left: 14px;
	background: url(./images/pagetop.gif) no-repeat left center;
}


/* ボックス汎用 */



/* サイドバー */

.layout-index #aside {
    float: right;
    width: 240px;
}
.layout-index #aside2 {
    float: right;
    width: 240px;
}
#aside .section {
    margin-bottom: 10px;
}
#aside2 .section {
    margin-bottom: 10px;
}
#aside .section h4 {}
#aside2 .section h4 {}
#aside .section h4 a {
    text-decoration: none;
}
#aside2 .section h4 a {
    text-decoration: none;
}
#aside .section ul {
	overflow: hidden;
    margin: 0;
    padding: 0;
}
#aside2 .section ul {
	overflow: hidden;
    margin: 0;
    padding: 0;
}

#aside .section ul li {
	list-style-type: none;
}

#aside2 .section ul li {
	list-style-type: none;
}

/* サイド・メニュー */




/* サイド・トップページ */

.layout-index #aside #side-pickup {
	padding: 0;
}
.layout-index #aside2 #side-pickup {
	padding: 0;
}
.layout-index #aside #side-pickup li span {
	display:block;
	width: 230px;
	margin: 5px;
	padding: 0;
	color: #000;
	font-size: 75%;
}
.layout-index #aside2 #side-pickup li span {
	display:block;
	width: 230px;
	margin: 5px;
	padding: 0;
	color: #000;
	font-size: 75%;
}
.layout-index #aside #side-pickup ul {
	overflow: hidden;
	width: 240px;
	margin: 0 auto;
	padding: 0;
}
.layout-index #aside2 #side-pickup ul {
	overflow: hidden;
	width: 240px;
	margin: 0 auto;
	padding: 0;
}
.layout-index #aside #side-pickup ul li {
	display:block;
	width: 240px;
	overflow: hidden;
}
.layout-index #aside2 #side-pickup ul li {
	display:block;
	width: 240px;
	overflow: hidden;
}
.layout-index #aside #side-pickup ul li a {
display:block;
	width: 240px;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
	border-top: 4px solid #f76900;
	border-bottom: 1px dashed #ccc;
}
.layout-index #aside2 #side-pickup ul li a {
display:block;
	width: 240px;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
	border-top: 4px solid #f76900;
	border-bottom: 1px dashed #ccc;
}

.layout-index #aside #side-pickup ul li a:hover {
display:block;
	width: 240px;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
	background: #efefef;
	border-top: 4px solid #6aea85;
	border-bottom: 1px dashed #ccc;
}
.layout-index #aside2 #side-pickup ul li a:hover {
display:block;
	width: 240px;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
	background: #efefef;
	border-top: 4px solid #f76900;
	border-bottom: 1px dashed #ccc;
}

.layout-index #aside #side-pickup ul li img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.layout-index #aside2 #side-pickup ul li img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.layout-index #aside #side-pickup ul li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	 opacity: 0.75;
}
.layout-index #aside2 #side-pickup ul li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	 opacity: 0.75;
}
.layout-index #aside #side-furniture {
	background: #e5e5e5;
	padding: 10px 0 5px 0;
}
.layout-index #aside2 #side-furniture {
	background: #e5e5e5;
	padding: 10px 0 5px 0;
}
.layout-index #aside #side-furniture p {
	width: 220px;
	margin: 0 auto 10px auto;
	padding: 0;
	color: #555;
	font-size: 75%;
}
.layout-index #aside2 #side-furniture p {
	width: 220px;
	margin: 0 auto 10px auto;
	padding: 0;
	color: #555;
	font-size: 75%;
}
.layout-index #aside #side-furniture ul {
	overflow: hidden;
	width: 220px;
	margin: 0 auto;
	padding: 0;
}
.layout-index #aside2 #side-furniture ul {
	overflow: hidden;
	width: 220px;
	margin: 0 auto;
	padding: 0;
}

.layout-index #aside #side-furniture ul li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
.layout-index #aside2 #side-furniture ul li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
.layout-index #aside #side-furniture ul li img {
	margin: 0;
	padding: 0;
	border: 1px #ccc solid;
	vertical-align: bottom;
}
.layout-index #aside2 #side-furniture ul li img {
	margin: 0;
	padding: 0;
	border: 1px #ccc solid;
	vertical-align: bottom;
}
.layout-index #aside #side-furniture ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	 opacity: 1;
	border: 1px #f76900 solid;
}
.layout-index #aside2 #side-furniture ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	 opacity: 1;
	border: 1px #f76900 solid;
}

.layout-index #aside #side-others {
	background: #edeffc;
	padding: 10px 0 5px 0;
}
.layout-index #aside2 #side-others {
	background: #edeffc;
	padding: 10px 0 5px 0;
}
.layout-index #aside #side-others ul {
	overflow: hidden;
	width: 220px;
	margin: 0 auto;
	padding: 0;
}
.layout-index #aside2 #side-others ul {
	overflow: hidden;
	width: 220px;
	margin: 0 auto;
	padding: 0;
}

.layout-index #aside #side-others ul li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
.layout-index #aside2 #side-others ul li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
.layout-index #aside #side-others ul li img {
	margin: 0;
	padding: 0;
	border: 1px #ccc solid;
	vertical-align: bottom;
}
.layout-index #aside2 #side-others ul li img {
	margin: 0;
	padding: 0;
	border: 1px #ccc solid;
	vertical-align: bottom;
}
.layout-index #aside #side-others ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	 opacity: 1;
	border: 1px #f76900 solid;
}
.layout-index #aside2 #side-others ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	 opacity: 1;
	border: 1px #f76900 solid;
}
/* フッター */

#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f76900;
	overflow: hidden;
	height: 150px;
}

#footer-inner {
    width: 860px;
    min-height: 100%;
    margin: 0 auto;
    padding: 20px 0 0 0;
    background: none;
    text-align: left;
}

#footer #footer-nav {
	float: right;
	overflow: hidden;
	margin: 0 0 10px 0;
}


#footer #footer-nav ul {
    margin: 0;
    padding: 0;
}

#footer #footer-nav ul li {
	display: inline;
	margin-left: -1px;
	padding: 0 5px 0 9px;
	border-left: 1px #fff solid;
	color: #fff;
	list-style-type: none;
	font-size: 83%;
}

#footer #footer-nav ul li a {
	color: #fff;
}

#footer #footer-sub-nav {
	clear: both;
	float: right;
	width: 300px;
	margin: 0 0 50px 0;
}


#footer #footer-sub-nav ul {
	overflow: hidden;
    margin: 0;
    padding: 0;
}

#footer #footer-sub-nav ul li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0 ;
	color: #fff;
	list-style-type: none;
	font-size: 75%;
}

#footer #footer-sub-nav ul li a {
	color: #fff;
}

#footer .copyright {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: #fff;
}


/* image ----------------------------------------------------------------- */

.img-left {
	float: left;
	height: 240px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 20px;
}

.img-right {
    float: right;
    margin: 0 0 10px 20px;
}


/* text ----------------------------------------------------------------- */

.bold { font-weight: bold; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.underline { text-decoration: underline; }
.quotation { padding: 1em; background: #eee; }

.clear { clear: both; }

.red { color: #ee0000; }
.blue { color: #f76900; }

.text10 { font-size:77%; }
.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%; }


/* box ----------------------------------------------------------------- */

.box-gray {
    margin: 10px 40px 10px 40px;
    padding: 20px 10px 10px 10px;
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.box-white {
    margin: 10px 40px 10px 40px;
    padding: 20px 10px 10px 10px;
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}