@charset "utf-8";
/* common.CSS */

/* SITE：Art Bureau Co.,Ltd.
______________________________________*/

/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
/*
/*
/*==========================================*/
/*
/* #01  ヘッダ  
/* #011 ロゴ  
/* #012 ナビ
/* #02  メイン
/* #021 イメージ 
/* #022 コンテンツ
/* #03  フッタ
/* #04  概要
/*
/*==========================================*/
/* basic style 
/*==========================================*/

html, body
{
    width: 100%;
    height: 100%;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 12px;
}

.clearfix:after
{
    clear: both;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

#contents
{
	width:100%;
	padding-bottom:50px;
}

a
{
	color:#000;
	text-decoration:none;
}


a:hover
{
	color:#ff851a;
	text-decoration:underline;
}

/**********************************************************************/
/* #01 ヘッダ                                                         */
/**********************************************************************/

header
{
	position:fixed;
	top:0;
	left:0;
	height:100px;
    width: 100%;
	border-top:5px #000 solid;
	background:#fff;
	z-index: 100;
}

/* #011 ロゴ                                                         
/**********************************************************************/

#logo
{
	float:left;
	margin-top:25px;
	margin-left:15px;
}

/* #012 ナビ                                                         
/**********************************************************************/

nav ul 
{
	float:right;
	margin-top:-19px;
	margin-right:30px;
}

nav ul li
{
	float:left;
	margin-left:30px;
}

nav ul li a
{
	display:block;
	margin-top:-5px;
	padding-top:38px;
	color:#000;
	border-top:5px #000 solid;
	text-decoration:none;
}

nav ul a:hover
{
	border-top:5px #ff851a solid;
	text-decoration:underline;
}

nav ul.current a
{
	border-top:5px #ff851a solid;
}

#right-menu
{
	display:none;
}


/**********************************************************************/
/* #02  メイン                                                        */
/**********************************************************************/

#main
{
	/*width:100%;*/
	padding:100px 0 0;
}


/* #021 イメージ                                                        
/**********************************************************************/

#main div.images
{
	width:100%;
	height:100px;
	background:url(../images/images02.jpg) no-repeat;
	/*border-bottom:2px #aaa solid;*/
}

#images img
{
	width:100%;
	height:100%;
}

/* #022 タイトル                                                         
/**********************************************************************/

#contents h2
{
	margin:30px 30px 0;
	padding:10px 0 10px;
	color:#ff851a;
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	font-size:250%;
	/*font-weight:bold;*/
	/*border-top:2px #ddd solid;*/
	border-bottom:1px #000 dotted;
}

#contents p.comment
{
	padding:20px 30px;
	font-size:13px;
}

/* #023 一覧                                                         
/**********************************************************************/

#contentinner
{
	padding:50px 30px 0;
}

#contentinner ul.list:after
{
    clear: both;
    content: "";
    display: block;
}

#contentinner ul.list li
{
	float:left;
	width:50%;
	padding-bottom:50px;
}

#contentinner ul.list li div.listinner
{
	padding-right:50px;
}

#contentinner ul.list li img
{
	float:left;
	width:90px;
	height:90px;
	margin-right:15px;
}

#contentinner ul.list li h3
{
	/*padding-bottom:3px;*/
	font-size:15px;
	font-weight:bold;
}

#contentinner ul.list li p
{
	font-size:13px;
}

#contentinner ul.list li p.details
{
	text-align:right;
}

#contentinner ul.list li p.details a
{
	padding-left:13px;
	background:url(../images/arrow.png) no-repeat left center;
}

/* #024 概要                                                        
/**********************************************************************/

#contentinner dl,
#contentinner table
{
	/*padding-right:20px;*/
	padding-bottom:50px;
	font-size:14px;
}

#contents dl dt
{
	float:left;
	width:150px;
	padding:10px 0;
}

#contents dl dd
{
	padding:10px 0 10px 150px;
}

#contents dl p.ttl
{
	/*padding-bottom:3px;*/
	font-weight:bold;
}

#contents dl p.sub
{
	/*padding-left:10px;*/
	line-height:30px;
}

#contents dl p.txt
{
	padding-left:20px;
	padding-bottom:10px;
}

/* #025 詳細                                                        
/**********************************************************************/

#contents div.block
{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:50px;
	padding-bottom:20px;
	background:url(../images/line.png) repeat-x bottom;
}

#contents div.block h3
{
	margin-bottom:15px;
	padding-left:10px;
	font-size:15px;
	font-weight:bold;
}

.color01
{
	border-left: 5px solid #fbdac8;
}

.color02
{
	border-left: 5px solid #fffbc6;
}

.color03
{
	border-left: 5px solid #dcdddd;
}

.color04
{
	border-left: 5px solid #d5ead7;
}

.color05
{
	border-left: 5px solid #d3edfb;
}

.color06
{
	border-left: 5px solid #e6d4e7;
}

#contents div.block ul
{
	/*clear:both;
	float:left;*/
	margin-left:-15px;
}

#contents div.block ul li
{
	display:block;
	float:left;
	/*width:150px;
	height:150px;*/
	height:140px;
	margin-left:15px;
	margin-bottom:15px;
	text-align:center;
}

#contents div.block ul li.ttl
{
	width:130px;
	height:140px;
	background:url(../images/ttl_bk.png) no-repeat;
}

#contents div.block ul li.color01
{
	background:url(../images/ttl_bk_g.png) no-repeat;
	border:none;
}

#contents div.block ul li.color02
{
	background:url(../images/ttl_bk_n.png) no-repeat;
	border:none;
}

#contents div.block ul li.color03
{
	background:url(../images/ttl_bk_w.png) no-repeat;
	border:none;
}

#contents div.block ul li.color04
{
	background:url(../images/ttl_bk_e.png) no-repeat;
	border:none;
}

#contents div.block ul li.ttl h4
{
	text-align:center;
	font-size:14px;
	line-height:140px;
}

#g,
#n,
#w,
#e,
#p,
#c
{
	padding-top:100px;
	margin-top:-100px;
}

/*
#contents #g img
{
	margin-top:3px;
	-moz-box-shadow: 2px 2px 3px 3px #CCC;
	-webkit-box-shadow: 2px 2px 3px 3px #CCC;
	box-shadow: 2px 2px 3px 3px #CCC;
	/*background-color: #EEE;*/
	/*width:100%;
	height:100%;*
}
*/


/* #026 map                                                        
/**********************************************************************/

#contentinner div.list h3
{
    clear: both;
    margin: 0 0 20px;
	padding-left:10px;
    border-left: 5px solid #FFbb7f;
    font-size: 14px;
}

#contentinner div.list h3 a
{
	/*font-weight: bold;*/
	text-decoration:underline;
}

#contentinner div.list ul
{
    margin: -10px 0 20px 150px;
    font-size: 14px;
}

#contentinner div.list ul li
{
    margin-bottom: 5px;
    line-height: 18px;
}

#contentinner div.list ul li a
{
	text-decoration:underline;
}



div.access div.inner
{
	float:left;
	margin-right:100px;
	font-size:14px;
}

div.access div.inner h3
{
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

div.access div.inner p
{
	line-height:25px;
}

#contentinner iframe
{
	/*float:left;*/
}


/* #027  お問い合わせ                                                        
/**********************************************************************/

#main #formWrap
{
	width:80%;
	margin:0 auto;
	color:#555;
	/*line-height:120%;*/
	font-size:14px;
}

dl.formTable
{
	width:100%;
	/*margin:0 auto;*/
	/*border-collapse:collapse;*/
}

dl.formTable dt,
dl.formTable dd
{
	/*border:1px solid #ccc;*/
	/*padding:10px;*/
}

dl.formTable dt
{
	float:left;
	width:100%;
	font-weight:normal;
	/*background:#efefef;*/
	text-align:left;
}

#main #formWrap dl.formTable dd
{
	float:left;
	width:100%;
	padding-left:0;
	font-weight:normal;
	/*background:#efefef;*/
	text-align:left;
}

#main #formWrap p
{
	clear:both;
	text-align:center;
} 

/*  　                                                    
/**********************************************************************/

input
{
	height:20px;
	border:1px #aaa solid;
}



/**********************************************************************/
/* #03  フッタ  　                                                    */
/**********************************************************************/

footer
{
	clear:both;
	width:100%;
	height:100px;
	background:url(../images/footer_bk.png) repeat-x;
	color:#fff;
	text-align:center;
	font-size:12px;
}

footer p
{
	padding-top:40px;
 	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	font-size:12px;
}