/*--------------------------------------------------------*/
/* 株式会社アグレイド [共通CSS]
/* 2013.01.29 - AD Y.kasahara
/*--------------------------------------------------------*/

/*
Theme Name: 株式会社アグレイド
Theme URI: tp://www.a-grade.co.jp/
Description: 株式会社アグレイドオリジナルテーマ
Author: 株式会社謙信堂
Author URI: http://www.kensindo.co.jp/
Version: 1.0
*/

/*----- base ---------------------------------------------*/
body	{
	margin:0px;padding:0px;
	font-size:14px;color:#333333;
	line-height:1.0;
	background:url(img/body_bg.gif);
}

#main	{
	margin:0px auto;padding:0px;
}
/*body#home #main	{
	background:url(img/main_bg_top.gif) repeat-x;
}*/
body#home #main	{
	background:url(img/body_bg.gif) repeat-x;
}
body#page #main	{
	background:url(img/main_bg_page.gif) repeat-x;
}

/* form */
form	{
	margin:0px;padding:0px;
}
input	{
	font-size:12px;line-height:1.4em;
}
input,select	{
	margin-bottom:1px;
}
textarea	{
	font-size:12px;line-height:1.4em;
}
.formButton	{
	margin:5px;padding:8px;
	font-size:14px;
}

/* link */
a img	{
	border:none;
	margin:0px;padding:0px;
}
a:hover img	{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
 	opacity:0.85;
}
a	{outline:none;}


/*----- header -------------------------------------------*/
#header	{
	position:relative;
	width:940px;margin:0px auto;padding:0px;
}
body#home #header	{height:570px;}	
body#page #header	{height:210px;}	
.headerLogo	{
	position:absolute;
	top:0px;left:0px;z-index:3;
}
.headerRight	{
	position:absolute;
	top:15px;right:0px;z-index:3;
}
.mainImage	{
	position:absolute;
	top:90px;left:94px;z-index:1;
}
.worksTitle	{
	position:absolute;
	bottom:0px;left:0px;z-index:2;
	line-height:0;
}

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

#contents	{
	width:940px;
	margin:0px auto;padding:0px 0px 20px 0px;
}

/* contents main */
#contentsMain	{
	float:right;
	width:610px;margin:0px;padding:20px 0px;
}

#contentsMain h2	{
	margin:0px 0px 20px 0px;padding:0px;
}
#contentsMain h3	{
	margin:0px 0px 10px 0px;padding:20px 0px;
	font-size:24px;color:#996633;line-height:1.4em;font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
	border-bottom:2px solid #663300;
}

#contentsMain p	{
	margin:0px 0px 20px 0px;padding:0px;
	line-height:1.6em;
}

#contentsMain2	{
	width:100%;margin:0px;padding:15px 0px;
}

#contentsMain2 h2	{
	margin:0px 0px 20px 0px;padding:0px;
}
#contentsMain2 h3	{
	margin:0px 0px 10px 0px;padding:20px 0px;
	font-size:24px;color:#996633;line-height:1.4em;font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
	border-bottom:2px solid #663300;
}

#contentsMain2 p	{
	margin:0px 0px 20px 0px;padding:0px;
	line-height:1.6em;
}

#contentsLeft	{
	float:left;
	width:340px;
}

#worksContents	{
	height:auto;margin:0px;padding:1px 0px 10px 20px;
	list-style-image:url(img/list_point_01.png);
	line-height:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
	background: url(img/works_contents_bg.gif);
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
#worksContents h3	{
	margin:10px 20px 10px 0px;padding:0px;
}
#worksContents li	{
	margin:0px 15px;padding:0px 0px 8px 0px;
}

#worksContents2	{
	height:auto;margin:0px;padding:10px 0px 0px 10px;
	list-style-image:url(img/list_point_01.png);
	line-height:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
	background: url(img/works_contents_bg.gif);
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
#worksContents2 p	{
	font-size:20px;color:#006600;font-weight:bold;
}

.topPhoto	{
	float:right;
	position:relative;
	margin:0px;padding:0px;
	width:255px;height:590px;
	background:url(img/top_photo_bg.jpg) no-repeat;
}
.topPhoto01	{
	position:absolute;
	top:7px;left:13px;
}
.topPhoto02	{
	position:absolute;
	top:202px;left:13px;
}
.topPhoto03	{
	position:absolute;
	top:397px;left:13px;
}
.topPhoto01 img,.topPhoto02 img,.topPhoto03 img	{
	width:230px;height:172px;
}

.topPhoto2	{
	float:right;
	margin:0px;padding:0px;
	width:255px;height:auto;
}
.topPhotoMain	{
	margin:0px 0px 8px 0px;padding:0px;
}
.topPhotoMain img	{
	margin:0px;padding:5px;
	background:#FFFFFF;
	box-shadow:4px 4px 4px rgba(0,0,0,0.2);
}
.topPhotoCaption	{
	margin:0px 0px 15px 0px;padding:0px;
	fpmt-size:12px;
}


.pageNavi	{
	margin:0px;padding:0px;
	font-size:12px;
}
.pageDate	{
	margin:0px 0px 20px 0px;padding:0px;
	font-size:14px;font-weight:bold;color:#996633;
	text-align:right;
}
.pageCatch	{
	margin:0px 0px 20px 0px;padding:0px;
	font-size:16px;color:#006600;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

#photoGallery	{
	margin:0px 0px;padding:30px 0px;
}
#photoGallery img	{
	width:200px;height:150px;margin:10px;padding:5px;
	background:#FFFFFF;
	/*border:1px solid #999999;*/
    -webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}



/* contents side */
#contentsSide	{
	float:left;
	width:300px;margin:20px 0px 0px 0px;padding:0px 0px 20px 0px;
	background:url(img/contents_side_bg.gif) no-repeat bottom;
}
#contentsSide h4	{
	margin:0px;padding:0px;
	line-height:0;
}

#worksList	{
	margin:0px 20px;padding:0px;
	list-style:none;
}
#worksList li	{
	margin:0px;padding:15px 0px;
	border-bottom:1px solid #FFFFFF;
}
#worksList li h5	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:14px;color:#7f2d00;font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}
#worksList li p	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:12px;line-height:1.5em;
}
.listImage	{
	float:left;
	margin:0px 10px 0px 0px;
}
.listButton	{
	text-align:right;
}

/* common */
#clear	{clear:both;}
.clear	{clear:both;}
.clear10	{clear:both;margin-bottom:10px;}
.clear20	{clear:both;margin-bottom:20px;}
.clear30	{clear:both;margin-bottom:30px;}
.clear40	{clear:both;margin-bottom:40px;}
.clear50	{clear:both;margin-bottom:50px;}
.clear60	{clear:both;margin-bottom:60px;}

.width600	{margin-left:190px;margin-right:190px;}
.width800	{margin-left:90px;margin-right:90px;}

hr {
	clear:both;
	height:1px;margin:0px 0px 15px 0px;
	border:none;
	background:#CCCCCC;
}

iframe	{
	border:1px solid #CCCCCC;
}

.indent10	{padding-left:10px;}
.indent15	{padding-left:15px;}
.inden20	{padding-left:20px;}

.imageLeft		{float:left;margin:0px}
.imageRight		{float:right;margin:0px}
.imageLeftM		{float:left;margin:0px 30px 15px 0px;}
.imageRightM	{float:right;margin:0px 0px 15px 30px;}

.photo01	{
	border:1px solid #CCCCCC;
}

.alignright		{float:right;margin:0px 0px 15px 10px;}
.alignleft		{float:left;margin:0px 10px 15px 0px;}

.icon01	{
	vertical-align:middle;
	margin:0px 3px 0px 0px;
}
.icon02	{
	vertical-align:text-bottom;
	margin:0px 3px 0px 7px;
}
.iconNEW	{
	vertical-align:middle;
	margin:0px 5px;
}

/*----- footer -------------------------------------------*/
#footerNavi	{
	width:940px;margin:0px auto 0px auto;padding:0px 0px 10px 0px;
	text-align:right;
	border-bottom:2px solid #663300;
}

#footer	{
	position:relative;
	width:940px;height:220px;margin:0px auto;padding:0px;
}
.footerContact	{
	position:absolute;
	top:25px;left:0px;margin:0px;padding:0px;
}
.footerCopy	{
	position:absolute;
	bottom:35px;left:0px;margin:0px;padding:0px;
	font-size:12px;line-height:1.4em;
}
.footerAddress	{
	position:absolute;
	bottom:20px;right:0px;margin:0px;padding:0px;
	text-align:left;
	font-size:14px;line-height:1.4em;
}
.footerAddress h5	{
	margin:0px 0px 5px 0px;
	font-size:22px;color:#333333;line-height:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}
.footerAddress p	{
	font-weight:bold;
}

/*----- base font ----------------------------------------*/
a:link		{color:#0099cc;text-decoration:none;}
a:visited	{color:#0099cc;text-decoration:none;}
a:hover		{color:#FF6600;text-decoration:none;}
a:active	{color:#FF6600;text-decoration:none;}

.size10		{font-size:10px;}
.size12		{font-size:12px;}
.size14		{font-size:14px;}
.size16		{font-size:16px;}
.size18		{font-size:18px;}
.size20		{font-size:20px;}
.size22		{font-size:22px;}
.size24		{font-size:24px;}
.size26		{font-size:26px;}
.size28		{font-size:28px;}
.size30		{font-size:30px;}
.size32		{font-size:32px;}
.size34		{font-size:34px;}
.size36		{font-size:36px;}

.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#5ca718;}
.colorMrn	{color:#996633;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#5ca718;font-weight:bold;}
.colorMrnBold	{color:#996633;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}

/*----- point font ---------------------------------------*/
.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{font-size:10px;color:#800000;margin-right:3px;}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}

.catch01	{
	font-size:14px;color:#438e01;line-height:1.6em;
}

/*----- end. ---------------------------------------------*/