@CHARSET "UTF-8";

@IMPORT url("./reset.css");



/*---------------------------------------
    base
---------------------------------------*/

* {
    font-size: medium;
    font-weight: normal;
	}

html {
    background-color: #e44c31;
    overflow: scroll;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height: 1.3em;
	}

body {
    background-color: #e44c31;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
	}


a:link {/*未訪問のリンク*/
    color: #858281;
    text-decoration: underline;
	}
	
a:visited {/*訪問後のリンク*/
    color: #858281;
    text-decoration: underline;
	}
	
a:hover {/*マウスをのせたとき*/
    color: #000;
    text-decoration: none;
	}
	
a:active {/*クリック中*/
    color: #000;
    text-decoration: none;
	}



/*---------------------------------------
    index
---------------------------------------*/

#index {
	text-align: center;
	}

#index h1 {
	background-color: #e44c31;
	text-align: center;
	margin: 15px 0 25px 0;
	}
	
#index ul {
	text-align: center;
	}
	
#index li {
	text-align: center;
	margin: 0 0 18px 0;
	}
	
#index .select {
	margin: 10px 0 0 0;
	}
	


/*---------------------------------------
    contents
---------------------------------------*/

/*--------------- header --------------*/

#header {
	padding: 11px 9px 0 9px;
	}

#header h1 {
	height: 61px;
	}

#header h1 {
	float: left;
	}
	
#header .left {
	float: right;
	text-align: right;
	}
	
#header .left p.home {
	margin: 0 0 15px 0;
	}


/*-------------- contents --------------*/

#contents {
	color: #858281;
	background-color: #FFF;
	padding: 20px 20px 10px 20px;
	clear: both;
	}
	

/*-------------- concept ---------------*/

.concept {
	text-align: center;
	}

.concept h3 {
	text-align: center;
	padding:  0 0 20px 0;
	}


/*-------------- contact ---------------*/

.contact table tr {
	border-bottom: #858281 dotted 1px;
	}
	
.contact table tr.map {
	border-bottom: none;
	}
	
.contact table th,
.contact table td{
	padding: 5px 10px 5px 0;
	}
	
.contact iframe {
	border: #e44c31 1px dotted;
	}


/*-------------- company ---------------*/

.company table {
	font-size: x-small;
	}

.company table tr {
	border-bottom: #858281 dotted 1px;
	}
	
.company table tr.none {
	border-bottom: none;
	}
	
.company table th {
	color: #e44c31;
	font-weight: bold;
	}
	
.company table th,
.company table td{
	padding: 5px 0;
	}
	
	
/*-------------- service ---------------*/

.service h3 {
	text-align: center;
	margin: 0 0 15px 0;
	}

.service tr {
	text-align: center;
	}
	
.service p {
	margin: 15px 0 0 0;
	}

.service h4 {
	margin: 15px 0 0 0;
	padding: 8px 0 5px 20px;
	background: url(../../img/service/dot.gif) repeat-y #fdf2f0;
	}
	
.service dl {
	margin: 15px 0 0 0;
	}

.service dt,
.service dd {
	margin: 0 0 10px 0;
	}
	
.service ul.arrow li {
	padding: 0 0 0 13px;
	background: url(../img/arrow.gif) no-repeat 2px;
	}
	
	
/*------------- portfolio ------------*/

.portfolio tr {
	text-align: center;
	}
	
.portfolio h4 {
	margin: 15px 0 15px 0;
	padding: 8px 0 5px 20px;
	background: url(../../img/service/dot.gif) repeat-y #fdf2f0;
	}

.portfolio dt {
	color: #e44c31;
	font-weight: bold;
	}
	
.portfolio dl {
	margin: 15px 0 0 0;
	}
	
.portfolio dt,
.portfolio dd {
	margin: 0 0 10px 0;
	}
	
.portfolio table.photo td {
	font-size: x-small;
	padding: 15px 0 0 0;
	line-height: normal;
	text-align: left;
	}
	
.portfolio dt.underline {
	background: url(../../img/portfolio/line.gif) no-repeat bottom left;
	}
	
.portfolio dd.link {
	font-size: x-small;
	}
	


/*---------------------------------------
    footer
---------------------------------------*/

.pageTOP {
	text-align: right;
	margin: 10px 0;
	}

#footer {
	color: #FFF;
	text-align: center;
    clear: both;
	height: 19px;
	padding: 8px 0 0 0;
	}