@charset "utf-8";
/************************************************
	File name : common.css
	File path : css/
	Author    : Disaster Prevention Solutions
	Last Up   : 2017.01.04 11:00
************************************************/
html {
	font-size: 62.5%; /*1.0em = 10pt*/
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	background:url(../images/bg_pattern_01.gif);
}

body {
	background:#FAFAFA url(../images/header_bg_redline.png) repeat-x;
	background-position:top;
	text-align:center;
	color:#67481e;
}

#wrapper{width:968px;margin: 0 auto;text-align:center;height:100%;}
#container{margin:0 auto;width:968px; background:#FFF;padding-top:10px;}

/*Header
 --------------------------------------------------------- */
#header {	position: relative;	margin: 2px auto 0;	width:968px;	height:135px;}
.headerTitle {position: absolute;	top:45px;left:5px;}
.headerCatch {position: absolute;	top:55px;left:420px;}

/* headernavi お問合せ　アクセス*/
#headernavi {margin: 2px 0 0 800px; padding: 0; width:210px; height: 24px;}
#headernavi ul{ list-style: none; margin: 0; padding: 0;}
#headernavi li{ float:left; width: 80px; margin: 5px 0 0 0; padding: 0;}

/* Global Navi
 --------------------------------------------------------- */
#topmenubar {}
ul#globalnavi{
	width:968px;
	overflow:hidden;
	background-image: url(../images/header_menu2.png) ;
	padding:0;
	margin:0;
	}
ul#globalnavi li{float:left;height:32px;display:block;margin-right:1px;}
ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../images/header_menu2.png) ;
    padding-top:32px;
}

ul#globalnavi li.home_now {
    display: block;
    overflow: hidden;
    width:155px;
    padding-top:36px;
    height:0;
    background-image: url(../images/header_menu2.png) ;
    background-position:0 -32px;
}

ul#globalnavi li.kikikanri_now {
    display: block;
    overflow: hidden;
    width:217px;
    padding-top:36px;
    height:0;
    background-image: url(../images/header_menu2.png) ;
    background-position:-156px -32px;
}

ul#globalnavi li.kasen_now {
    display: block;
    overflow: hidden;
    width:222px;
    padding-top:36px;
    height:0;
    background-image: url(../images/header_menu2.png) ;
    background-position:-374px  -32px;
}
/*
ul#globalnavi li.hozon_now {
    display: block;
    overflow: hidden;
    width:229px;
    padding-top:36px;
    height:0;
    background-image: url(../images/header_menu2.png) ;
    background-position:-458px  -32px;
}*/

ul#globalnavi li.books_now {
    display: block;
    overflow: hidden;
    width:210px;
    padding-top:36px;
    height:0;
    background-image: url(../images/header_menu2.png) ;
    background-position:-596px -32px;
}

ul#globalnavi li.company_now {
    display: block;
    overflow: hidden;
    width:159px;
    padding-top:36px;
    height:0;
    background-image: url(../images/header_menu2.png) ;
    background-position:-807px -32px;
}

/* global navi normal
--------------------------------------------------------- */
.home a { width:155px; background-position:0 0;}
.kikikanri a { width:217px; background-position:-156px 0;}
.kasen a { width:222px; background-position:-374px 0;}
/* .hozon a { width:229px; background-position:-458px 0;}*/
.books a { width:210px; background-position:-596px 0;}
.company a { width:159px; background-position:-807px 0;}

/* global navi rollover
--------------------------------------------------------- */
.home a:hover  { width:155px; background-position:0 -32px;}
.kikikanri a:hover  { width:217px; background-position:-156px -32px;}
.kasen a:hover  { width:222px; background-position:-374px -32px;}
/* .hozon a:hover  { width:229px; background-position:-458px -32px;}*/
.books a:hover  { width:210px; background-position:-596px -32px;}
.company a:hover  { width:159px; background-position:-807px -32px;}

/* TopImage
--------------------------------------------------------- */
.topimage {background:#FFF;height:310px;margin:10px auto;}

/* BreadClumb
 --------------------------------------------------------- */
div.breadCrumb {background:#FFF;height:30px;width: 600px;font-size:1.2em;margin-left:5px;}
div.breadCrumb li {display: inline;float: left;color: #81692D;padding: 0 2px;	margin: 7px 5px 0 0;}
div.breadCrumb ul li a:link,
div.breadCrumb ul li a:visited {	color: #81692D; text-decoration: none;}
div.breadCrumb ul li a:hover {color: #CC3300;}
div.breadCrumb ul li.category {text-transform: capitalize;}
div.breadCrumb ul li.title {color: #9B9B9B;}

/* --------------------------------------------------------- ここから2カラム */
/*  左
 * --------------------------------------------------------- */
#leftcontents {float:left;width:690px;	text-align:left;	margin: 0 0 0 10px;}
#leftcontents a:hover {color:#ab1000; text-decoration:underline;}

/* width 620px Left Box Radius*/
.boxRadius_left {
	/*width: 640px;
	height:38px;
	border:solid 1px #ab1000;
	background: #ab1000;
	margin:25px auto 0;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;*/
}

.boxRadius_left h3 {
	color:#FFF;
	font-size:1.8em;
	font-weight:normal;
	margin:5px 0 0 10px;
	letter-spacing:2px;
}

.boxRadius_left p.subtitle {	color:#FFF;	font-size:1.1em;	font-weight:normal;	margin:3px 0 0 10px;}

.titleHeader {
	width:640px;
	padding:5px 0;
	border-top:3px solid #ab1000;
	border-bottom:1px dotted #999;
	background:#f7f7f7;
}
.titleHeader h2 {
	font-weight:normal;
	margin:5px 5px;
}

/* width 650px Left Box Square*/
.boxSquare_left {
	width: 680px;
	margin:0 auto;
	background: #FFF;
	line-height:1.8;
}

/* width 300px Left Box Radius*/
.boxRadius_left_300 {
	width: 320px;
	height:38px;
	border:solid 1px #ab1000;
	background: #ab1000;
	margin:5px auto 0;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.boxRadius_left_300 h3 {
	color:#FFF;
	font-size:1.7em;
	font-weight:normal;
	margin:5px 0 0 10px;
	letter-spacing:2px;
}
.boxRadius_left_300 p.subtitle {
	color:#FFF;
	font-size:1.1em;
	font-weight:normal;
	margin:3px 0 0 10px;
}
.boxSquare_left_300 {
	width: 300px;
	border:solid 1px #ab1000;
	margin:0 auto;
	background: #FFF;
	font-size:1.2em;
	padding:10px 10px;
}

/* paragraph */
h2.paragraphTitle {
	line-height:1.4;
	margin-bottom:15px;
	padding:7px 10px;
	border-top:3px solid #666;
	border-bottom:1px dotted #999;
	background:#f7f7f7;
}

h2.paragraphCaption {
	line-height:1.2;
	margin-bottom:15px;
	padding:7px 10px;
	border-left:3px solid #ab1000;
	border-bottom:1px dotted #999;
	background:#f7f7f7;
}

/* --------------------------------------------------------- 左 mainbox */
#mainbox {margin:10px 5px 0 10px;width: 600px;}

/* -------各ボックスヘッダー設定*/
#mainbox .headerInfo {	background:#FFF url(../images/boxheader.gif) 0 0 no-repeat;	width:600px;	height:40px;	color:#FFF;}
#mainbox .headerWorks {background:#FFF url(../images/boxheader.gif) 0 -50px no-repeat;width:600px;	height:40px;	color:#FFF;}
#mainbox .headerSol {background:#FFF url(../images/boxheader.gif) 0 -100px no-repeat;width:600px;	height:40px;color:#FFF;}

/* -------ヘッダーリンクボタン*/
#mainbox .headerlinks p {font-size:0.9em;	padding:20px 5px 2px 515px;}
#mainbox .headerlinks a,#mainbox .headersyousai a {color:#FFF;text-decoration:underline;}
#mainbox .headerlinks a:hover,#mainbox .headersyousai a:hover {color: #FF9933;text-decoration:underline;}
#mainbox table{
	line-height: 1.6;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-left: 1px solid #db1e29;
	border-right: 1px solid #db1e29;
	border-bottom: 1px solid #db1e29;
}

/* -------------------IE6*/
*html #mainbox .headerlinks a, .headersyousai a ,#mainbox .headerlinks a:hover, .headersyousai a:hover {
_font-size:0.9em;/*IE6*/
}

/* 共通HTML用*/
/*#commonbox {width: 640px;margin:10px 0 0 0;}*/

#leftcontents h1 {
	font-size:1.5em;
	line-height:1.2;
	text-indent:0.9em;
	border-bottom: 1px solid rgb(168, 46, 46);
	padding:6px 0px;
	margin:5px 0px 10px 5px;
}

#commonbox h3{
	background: #FFF url(../images/bar_04.gif) no-repeat;
	height:34px;
	color: #984e52;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0.2em;
	text-indent:1.0em;
	line-height:1.7;
}

#commonbox p {text-indent:1.0em;line-height:1.4;padding:5px 10px;}

h2.topJigyou {
	margin-bottom:15px;
	padding:7px 10px;
	border-top:3px solid #ab1000;
	border-bottom:1px dotted #999;
	background:#f7f7f7;
}
#leftcontents p.jigyou {line-height:1.8;margin:5px 0 0 5px;}


/* 右 sidebox
 * ---------------------------------------------------------*/
#rightcontents {
	float:right;
	width:250px;
	background-color:#F0F0F0;
	text-align:left;
	margin:5px 5px 0 0;
}

.boxRadius_right {
	width: 230px;
	height:38px;
	border:solid 1px #c91e1d;
	background: #c91e1d;
	margin:5px auto 0;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

.boxRadius_right h3 {
	color:#FFF;
	font-size:1.6em;
	font-weight:normal;
	margin:5px 0 0 10px;
	letter-spacing:2px;
}

.boxRadius_right p.subtitle {
	color:#FFF;
	font-size:1.2em;
	font-weight:normal;
	margin:1px 0 0 10px;
}

.boxSquare_right {
	width: 230px;
	border:solid 1px #ab1000;
	margin:0 auto 15px;
	background: #FFF;
}

.sidebox {margin:10px auto 0px;width: 245px;}
.searchbox { text-align:center; background:#FFFFFF; padding:5px 5px; border:1px solid #db1e29;}

#mainbox .headerlink a {color:#FFFFFF;text-decoration:underline;}
#mainbox .headerlink a:hover {color:#FF6600;text-decoration:underline;}

/*Google Feedの指定*/
#sidebox .linklist ul {margin-bottom:10px;}
.blogcontents { font-size:1.2em; line-height:1.8;	 padding:3px;}

/*右コンテンツ　リスト背景*/
.boxSquare_right ul.listbg li{
	background:url(../images/button_rightarrow02.gif) no-repeat 0 5px;
	padding-left:2.0em;
	margin:0 0 5px 5px;
}

.boxSquare_right ul.listbg li.nonebg{
	background: none;
	width:200px;
	margin:5px 0;
	text-indent:0;
	line-height:1.4;
}

/*右コンテンツ　リンク*/
.rightcontets_Links {font-size:1.2em; line-height:1.8;padding:5px;}

/* --------------------------------------------------------- Page Top Navi */
#pagetopnavi{width:960px;	margin:0;padding:25px 5px 5px;	text-align:right;	background-color: #FFF;}

/* --------------------------------------------------------- Footer */
#footer {background: #ab1000;	color:#FFF;	padding: 0;	height:80px;	}
.footer_block {width:968px;	margin: 0 auto;	padding:5px;}

/*フッターリンク*/
.footerLink {	font-size:1.2em;}
.footerLink ul{}
.footerLink ul li {display: block;	float: left;	margin: 5px 0 25px 5px;}
.footerLink a {color: #FFF; text-decoration:none;}

/*コピーライト*/
.copyright { font-size:1.2em;}

/* 余白処理 */
div.container {min-height:100%;}

/*IE6*/
*html div#container{height:100%;}

/* Text処理 */
p.read{width:;color:;line-height:1.4;letter-spacing:0.1em;}

/*[if IE]>
 この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.twoColElsRt #sidebar1 { padding-top: 30px; }
.twoColElsRt #mainContent { zoom: 1; padding-top: 15px; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます
<![endif]*/


/* Home
---------------------------------------------------------*/
/*
 * Solutions　ソリューション
 * .solutions
 */
.solutions_text {width:620px; margin:0 auto;}
.solutions_img {margin:30px auto;}

/*
 * 新着情報　News
 * .news
 */
.news {	margin:25px auto 10px; width:650px;}
.News_cotainer {width: 630px;height: 230px;padding: 0.5em;overflow: auto;}
.News_box {	width: 600px;}
.News_contents {
	width:580px;
	border-bottom:dotted 1px #669900;
	padding:8px 10px;
	line-height:1.6;
}
.News_contents_noborder {width:580px;padding:8px 10px;line-height:1.6;}
.news a {text-decoration:none;}

/*
 * 業務案内
 * .gyoumu
 */
.gyoumu_title {width:620px;margin:15px auto;}
.gyoumu_text {padding:5px;}
.gyoumu_box {float:left; width:320px; background:#FFF;}
.gyoumu_innerbox {width:300px;min-height:200px;padding:5px;position:relative;}
.gyoumu_syousai {position:absolute;bottom:0;right:0;}
img.icon_circle_s {vertical-align:-0.3em;margin-right:5px;}

/*
 * 書籍・システム・サービス
 * .topBooks .books .system
 */
.topBooks {float:left; width:620px; background:#FFF;padding:0 5px;}
.topBooks .booksinnerBox {border-bottom:dotted 1px #669900;padding:10px 5px;	line-height:1.8;min-height:128px;}
.topBooks .booksinnerBox_noborder {padding:10px 5px;	}

.books_outerbox {width:300px;padding:5px;float:left;}
.books_text {line-height:1.8;margin:5px 0 0 5px;}
.books_image {float:left;width:90px;}

/* 　危機管理コンサルティング
---------------------------------------------------------*/
.dgai {line-height: 1.8;width:650px; margin:10px 10px;}

ul.dgainavi li a {background:url(../images/button_rightarrow02.gif) no-repeat 0 2px;padding-left:20px;height:30px;}
ul.dgainavi a:hover , div#main_text a:hover {color:#FF6600;text-decoration:underline;}

div.dgai p {text-indent:1.0em;margin-bottom:10px;padding:5px;}
div.dgai ul {margin:5px 20px;}
div.dgai ul li{line-height:1.8;margin:6px 0;}
div.dgai img{margin:5px auto;}

.consulting {}
.consulting .gradient-radius h2 {color:#FFF;margin-top:10px;}

#KIKI {margin:15px 15px;}


/* Rinfo　河川情報
 * .rinfo
---------------------------------------------------------*/
.rinfo{}
ul.rinfonavi li a {background:url(../images/button_rightarrow02.gif) no-repeat 0 2px;padding-left:18px;height:20px;}
ul.rinfonavi a:hover , div#main_text a:hover {color:#FF6600;text-decoration:underline;}
div.rinfo ul {margin:5px 20px;}
div.rinfo ul li{line-height:1.4;margin:4px 0;}
div.rinfo div.paragraph p {text-indent:1.0em;line-height:1.8;margin:15px 15px;}
div.rinfo ul {margin:5px 20px;}
div.rinfo ul li{line-height:1.4;margin:4px 0;}
div.rinfo img{margin:5px auto;}


/* Cjiseki　実績
---------------------------------------------------------*/
div.jiseki {width:640px;}
div.jiseki h1{border-left: 4px solid rgb(168, 46, 46);}
div #commonbox.jiseki p {
	background:#EFECF4;
	font-size:90%;
	text-indent:1.0em;
	line-height:1.8;
	margin-bottom:10px;
}
div.jiseki ul {margin:5px 20px;}
div.jiseki ul li{line-height:1.4;margin:4px 0;}
div.jiseki img{margin:5px auto;}
div.jiseki table {
	width:592px;
	border:1px solid #AB0000;
	table-layout:fixed;
	margin-left:4px;
	border-collapse:collapse;
	margin-bottom:10px;
	line-height:1.4;
}
div.jiseki table tr {border:1px solid #AB0000;_word-break:break-all;}
div.jiseki table tr.even td{background-color:#FBF2F3;}
div.jiseki table th {
	background-color:#AB0000;
	font-size:1.2em;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
	border:1px solid #AB0000;
	border-collapse:collapse;
}
/*th設定*/
div.jiseki table th.nendo{white-space:nowrap;border-right:1px solid #FFF;}
div.jiseki table th.gyoumumei{width:190px;border-right:1px solid #FFF;}
div.jiseki table th.koumoku{width:55px;border-right:1px solid #FFF;}
/*td設定*/
div.jiseki table td{
	font-size:0.9em;
	line-height:1.8;
	padding:5px 10px;
	border:1px solid #AB0000;
	_word-break:break-all;
	vertical-align:middle;
	text-align:center;
}
div.jiseki table td.titleposition{text-align:left;}
div#head_menu ul li a {
	background:url("images/button_rightarrow02.gif") no-repeat 0 2px;
	padding-left:18px;
	height:20px;
}
div#head_menu a:hover , div#main_text a:hover {color:#FF6600;text-decoration:underline;}

/*　Cgaiyou 会社情報
---------------------------------------------------------*/
#company {}
#company h2{
	line-height:1.3;
	margin-bottom:15px;
	padding:7px 10px;
	border-top:3px solid #666;
	border-bottom:1px dotted #999;
	background:#f7f7f7;
	width:680px;
}
#company p {line-height:1.8;text-indent:1.0em;padding:0 10px 10px;}

.floatleft{float:left;margin-right:30px;}

.companyData {
	margin:0 0 10px 15px;
	padding: 10px 5px 0 5px;
	width: 680px;
	background:#FFF;
	border: 1px solid #CCCCCC;
}

.companyData th {
	font-size:1.2em;
	text-align:center;
	background: #CFE0E2;
	padding:5px;
	border: 1px solid #999999;
	border-collapse: collapse;
	white-space:nowrap;
}

.companyData tr {	border: 1px solid #999999;	border-collapse: collapse;}
.companyData td {
	font-size:1.2em;
	line-height:1.6;
	border: 1px solid #999999;
	border-collapse: collapse;
	padding:5px 10px;
}

table ol.listA ul{	margin-left:15px;	margin-bottom:15px;	line-height:1.8;}

/*インナーテーブル*/
.companyData .innercompanyData {	border-collapse: collapse;border-spacing: 0;	border:none;}
.companyData .innercompanyData tr,.companyData .innercompanyData td {
	border-collapse: collapse;
	border-spacing: 0;
	border:none;
	}

/*代表挨拶*/
.comment {	font-family: "ＭＳ 明朝",serif;font-size: 1.2em;	font-weight: bold;	text-indent: 1.2em;}
.comment_left {float: left;width: 200px; text-align:center;}
.comment_left p {font-family: "ＭＳ 明朝",serif;	}
.comment_right { float: right; width: 460px; margin: 0 0 0 5px; padding: 5px 0; font-family: Meiryo , "メイリオ" , "MS　ゴシック" , MS Gothic , selif; font-size: 0.8em; text-indent: 1em; line-height: 1.8; }

/*問い合わせThanks Page*/
.thankyou {width:620px;margin: 20px auto 0;text-align: center; }
.thankyou h3{font-size: 1.6em;margin: 0 0 20px 0;}
.thankyou p {font-size: 1.4em;line-height:1.8;margin:0 40px;text-align: left;}

/* right menu バナー*/
.navibanner {width:230px; margin:35px auto 5px; text-align: center; }
.navibanner div.bannerbox_1 {margin:15px 0 5px 0; text-align:left; }
.navibanner div.bannerbox_2 {margin:40px 0 5px 0; text-align:left; }
.bannerbox_1 span, .bannerbox_2 span {font-size:1.6em; margin:0 0 0 5px; }
.bannerfont p {font-size:1.2em; margin:0 0 8px 0; }

/* 業務実績*/
.jiseki-table {width:665px;	margin:5px auto;	line-height:1.8;}
.jiseki-table th {font-size:1.4em;	padding:5px 5px;	border:solid 1px #000000;}
.jiseki-table td {font-size:1.2em;padding:5px 5px;	border:solid 1px #000000;}

/* タイトルグラデーション*/
.gradient {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FFab1000', endColorstr='#00FFFFFF'); /* IE5.5以上 */
	background: -webkit-gradient(linear, left center, right center, from(#ab1000), to(#FFFFFF));
	background: -moz-linear-gradient(left, #ab1000, #FFFFFF);
}

.gradient-radius { 
	width: 670px;
	height:38px;
	margin:10px auto 0;
	padding:5px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FFab1000', endColorstr='#00FFFFFF'); /* IE5.5以上 */
	background: -webkit-gradient(linear, left center, right center, from(#ab1000), to(#FFFFFF));
	background: -moz-linear-gradient(left, #ab1000, #FFFFFF);
	background-image: linear-gradient(to right, #ab1000 0%, #FFFFFF 100%);
}

/* 共通
---------------------------------------------------------*/
/* textを非表示にする */
.hide-text {
	overflow:hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*水平ポジション*/
.h_left { text-align: left;}
.h_center { text-align: center;}
.h_right { text-align: right;}

/*垂直ポジション*/
.v_top {vertical-align: top;}
.v_middle {vertical-align: middle;}

/****************
 * Font Set
 ****************/
.size9 { font-size:0.9em;}
.size10 { font-size:1.0em;}
.size12 { font-size:1.2em;}
.size13 { font-size:1.3em;}
.size14 { font-size:1.4em;}
.size16 { font-size:1.6em;}
.size18 { font-size:1.8em;}
.size24 { font-size:2.4em; text-align:left;}
.bold { font-weight: bold;}
.minchyo { font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincyo', serif;}

/* font-weight bold*/
.bold { font-weight: bold;}
.font-normal{font-weight:normal;}

/*行背景*/
.odd { background:#FFFFFF;}
.even { background:#F3F6F5;}

/*新着背景*/
.newBg { background:#FDD3CB;}

/*必須項目 */
.must { color: #F00;}
p.must { color: #F00; margin: 3px 0;}

/*幅固定パーセント指定*/
.widthSet5 {width: 5%;}
.widthSet10 {width: 10%;}

/*テーブルの行背景をhoverで変更*/
#jyuhashin_tbl tr:hover { background: #d0ffd0;}
table.files_list tr:hover { background: #d0ffd0;}

/*マウスオーバー　半透明*/
a:hover img {opacity:0.7;filter: alpha(opacity=70);	-ms-filter: "alpha( opacity=70 )";}

/*Get READER*/
.getReader1 {margin:5px 5px; line-height:1.4;}
.getReader2 {margin:5px 5px 20px; line-height:1.4;}

/* ClearFix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* 折り返しなし*/
.nowrap {white-space: nowrap;}

/****************
 * margin set
 ****************/

/*Top*/
.mt_5 {margin-top: 5px}
.mt_10 {margin-top: 10px}
.mt_15 {margin-top: 15px}
.mt_20 {margin-top: 20px}

/*Right*/
.mr_5 {margin-right: 5px}
.mr_10 {margin-right: 10px}
.mr_15 {margin-right: 15px}
.mr_20 {margin-right: 20px}

/*Bottom*/
.mb_5 {margin-bottom: 5px}
.mb_10 {margin-bottom: 10px}
.mb_15 {margin-bottom: 15px}
.mb_20 {margin-bottom: 20px}

/*Left*/
.ml_5 {margin-left: 5px}
.ml_10 {margin-left: 10px}
.ml_15 {margin-left: 15px}
.ml_20 {margin-left: 20px}

/*All*/
.a_margin_5 {margin: 5px}
.a_margin_10 {margin: 10px}
.a_margin_15 {margin: 15px}
.a_margin_20 {margin: 20px}