@charset "UTF-8";


/*======================================
  デフォルトの要素
======================================*/

/* 見出し
------------------*/

#under div#content h3 {
	margin: 0 15px 20px;
	padding: 8px 0 8px 17px;
	background: url(../images/h3.jpg) 0 0 no-repeat;
	color: #FF1F70;
	font-size: 138.5%;
	font-weight: bold;}

#under div#content h4 {
	margin: 0 15px 10px;
	padding: 0 0 7px 5px;
	background: url(../images/h4.jpg) 0 bottom no-repeat;
	color: #00A0C6;
	font-size: 123.1%;
	font-weight: bold;}

#under div#content h4.half {
	margin: 0 0 10px;}

/* リンク
------------------*/

div#content a {
	color: #D93162; }

div#content a:hover,
div#content a:active {
	text-decoration: none;}

div#content a img {
	line-height: 1;}

/* section
------------------*/

div#content div.section {
	margin: 0 20px 10px;}


/* 段落、リスト
------------------*/

div#content div.section p {
	margin-bottom: 1em;
	font-size: 108%;}

div#content div.section ul,
div#content div.section ol,
div#content div.section dl {
	margin-bottom: 1em;
	font-size: 108%;}

div#content div.section ul li {
	margin-bottom: .4em;
	padding-left: 18px;
	background: url(../images/icon_ccl_pink.jpg) left 2px no-repeat;}

div#content div.section ul.blue li {
	background: url(../images/icon_ccl_blue.jpg) left 2px no-repeat;}

div#content div.section ul.noIco li {
	background: none;}

div#content div.section ol li {
	margin-bottom: .4em;
	list-style: decimal outside;
	margin-left: 25px;}

div#content div.section dl dt {
	margin: 1em 0 .5em;
	padding-left: 18px;
	background: url(../images/icon_ccl_pink.jpg) left 2px no-repeat;
	color: #735F3C;
	font-weight: bold;}

div#content div.section dl dd {
	padding-left: 18px;}

/* テーブル
------------------*/

div#content table.defaultTable {
	margin-bottom: 1em;}

div#content table.defaultTable th,
div#content table.defaultTable td {
	padding: .5em;
	border: 1px solid #705F41;
	font-size: 108%;}

div#content table.defaultTable th {
	font-weight: bold;}

div#content table.defaultTable td.nobd {
	border-right: none;
	border-left: none;}

div#content table.simpleTable {
	width: 100%;
	margin-bottom: 1em;}

div#content table.simpleTable th,
div#content table.simpleTable td {
	padding: .5em;
	border-bottom: 1px dotted #705F41;
	font-size: 108%;}

div#content table.simpleTable th {
	width: 30%;
	font-weight: bold;}

div#content table.nobdTable th,
div#content table.nobdTable td {
	padding: .5em;
	font-size: 108%;
	vertical-align: top;}

div#content .w100 {
	width: 100%;}

div#content .w70 {
	width: 70%;}

div#content .w60 {
	width: 60%;}

div#content .w55 {
	width: 55%;}

div#content .w50 {
	width: 50%;}

div#content .w45 {
	width: 45%;}

div#content .w35 {
	width: 35%;}

/* フォント
------------------*/

div#content strong {
	font-weight: bold;}

div#content optgroup {
	font-weight: normal;}

div#content .app01 {
	color: #FF1F70;
	font-weight: bold;}

div#content .app02 {
	color: #00A0C6;
	font-weight: bold;}

div#content div.section p.icon01 {
	margin-bottom: .4em;
	padding-left: 18px;
	background: url(../images/icon_ccl_pink.jpg) left 2px no-repeat;}

div#content div.section p.icon02 {
	margin-bottom: .4em;
	padding-left: 18px;
	background: url(../images/icon_ccl_blue.jpg) left 2px no-repeat;}


/* float
------------------*/

.floatL {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;}

.floatR {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;}

div.text {
	overflow: hidden;}

/* align
------------------*/

.alignL {
	text-align: left;}

.alignR {
	text-align: right;}

.alignC {
	text-align: center;}

/* margin&padding
------------------*/

.mt30 { margin-top: 30px !important;}
.mr30 { margin-right: 30px !important;}
.pt_5 { padding-top:10px;}


/* topicPath
------------------*/

p.topicPath {
	margin: 0 15px 10px 0;
	text-align: right;}

/* gallery
------------------*/

div#content div.section ul.gallery li {
	display: inline;
	float: left;
	margin: 0 6px 10px 0;
	padding: 0;
	background: none;
	text-align: center;}

/* フォーム
------------------*/
/*
div#content form {
	margin: 0 0;}

div#content form legend {
	margin: 1em 0 0;
	padding: 0 5px 0 2px;
	border-bottom: solid 2px #ff0071;
	font-weight: bold;}

div#content form dl {
	margin: 0 2em 1.5em;}

div#content form dl dt {
	margin-bottom: 3px;}

div#content form dl dd {
	margin-bottom: 8px;}

div#content input,
div#content form textarea {
	padding: 0.2em;
	border-width: 1px;
	border-style: solid;
	border-color: #000 #444 #444 #000;
	color: #fff;
	background-color: #282828;}

div#content form textarea {
	padding: 0.5em 10px;}

div#content form input:hover,
div#content form textarea:hover {
	border-color: #ff0071;}

div#content form input.submit {
	margin-left: 3em;
	padding: 2px 5px;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #00aa78;}

div#content form input.submit:hover {
	background-color: #acd030;}

div#content form input.radio {
	border: none;
	background-color: transparent;
	background-image: none;}
*/
/* その他の要素の調整（基本デフォルトでいいと思う）
------------------*/

div#content abbr,acronym {
	border-bottom: 1px dotted #f5f5f5;
	cursor: help;}

div#content em {
	font-style: italic;}

div#content del {
	text-decoration: line-through;}

div#content sup {
	vertical-align: super;}

div#content sub {
	vertical-align: sub;}

div#content fieldset,
div#content pre {
	margin-bottom: 1em;}

/* Opera requires 1px of passing to render with contemporary native chrome */
div#content button,
div#content input[type="chec.section"],
div#content input[type="radio"],
div#content input[type="reset"],
div#content input[type="submit"] {
	padding:1px;}



/*======================================
  index.html
======================================*/

#top div#content div.textSection {
	display: inline;
	float: left;
	width: 490px;}

#top div#content div.bnrSection {
	display: inline;
	float: right;
	width: 190px;}

#top div#content div.bnrSection ul li {
	margin-bottom: 10px;}

#top h3 {
	margin-bottom: 10px;}

#top ul.pickup {
	margin-bottom: 20px;}

#top ul.pickup li.foreign {
	float: left;}

#top ul.pickup li.domestic {
	float: right;}

/*======================================
  trial.html
======================================*/

p.trialImage {
	margin-top: 33px;}

/*======================================
  develop.html
======================================*/

div#content table.develop {
	margin-bottom: 1em;}

div#content table.develop th,
div#content table.develop td {
	padding: .5em;
	font-size: 108%;}



/*======================================
  estimate02.html
======================================*/

.hide {
	display: none;}
/*
.period {
	display: table-row;}
*/

#estimateTable01 tr,
#estimateTable02 tr,
#estimateTable03 {
	width: 100%;}

#estimateTable02,
#estimateTable03,
#estimateBtn {
	display: none;}

p#cost {
	color: #FF1F70;
	font-size: 138.5%;
	font-weight: bold;}

/*======================================
  company.html
======================================*/

div#map {
	width: 670px;
	height: 400px;}


/*======================================
  newpage02.html
======================================*/
.new_tbl
{
	border:1px solid #CCC;
	border-collapse:collapse;
}

.new_tbl th,
.new_tbl td
{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:5px;	
}

.new_tbl th
{
	background:#EAEAEA;
	font-weight:bold;
}