@charset "UTF-8";
/* CSS Document */
/* 初期設定
------------------------------------------------------------------*/
*
{
	padding:0;
	margin:0;
}

html
{
	color:#333333;
	background:#FFF;
}

li
{
	list-style:none;
}


h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

dd, dl, dt
{
	border:0;
	list-style:none;
}
th,td
{
	padding:5px;
}
table
{
	border-collapse:collapse;
	border-spacing:0;
}

/* ボディ
------------------------------*/
body
{
	font-size: 75%;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	width:100%;
	background-color:#fff;
	color:#333333;
}


/* リンク
------------------------------*/
a { color: #003399; }

a:visited { color: #333333; }

a:hover { color: #0066CC; }

/* 画像
------------------------------*/
img
{
	border: none;
}
/* クラス

------------------------------------------------------------------*/
/* div
------------------------------*/
.inner1000
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.w100
{
	width:100%;
}
.w300
{
	width:300px;
}
.w500
{
	width:500px;
}
.w50
{
	width:50px;
}
.w400
{
	width:400px;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac¥*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

/* table
------------------------------*/
.table01 table
{
	border-top:1px solid #cccccc;
	border-left:5px solid #cccccc;
	margin-bottom:20px;
}
.table01 th
{
	background-color:#F3F3F3;
	font-weight:normal;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}
.table01 td
{
	width:430px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}
/* ヘッター
------------------------------------------------------------------*/
#header
{
	/*background-image:url(../img/header_bg.jpg);*/
	background-image:url(../img/h1_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
#h1
{
	height:78px;
}
#headerpW
{
	background-image:url(../img/header_pgb.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height:34px;
}
#navi
{
	background-image:url(../img/navi_bg.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:59px;
}
#navi a:focus
{
    outline:none;
}
#headp
{
	background-image:url(../img/header_pgb.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height:34px;
	position:relative;
}
#headp p
{
	padding-top:8px;
	height:26px;
	z-index:1;
}
#headp p.p_left
{
	position:absolute;
	right:820px;
	width:5000px;
	text-align:right;
	z-index:0;
	background-image:url(../img/p_leftbg.jpg);
	background-repeat:repeat-x;
	background-position:right top;
}
#headp p.p_right
{
	position:absolute;
	padding-left:180px;
	background-image:url(../img/p_rightbg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	z-index:20;
	left:40px;
}
h1
{
	padding-top:30px;
}
#rightNavi
{
	position:relative;
}
#rightNavi ul
{
	position:absolute;
	right:0;
	top:-15px;
}
#rightNavi li
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../img/topNavi.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
#navi a
{
	background-image:url(../img/navi.jpg);
	background-repeat:no-repeat;
	display:block;
	height:59px;
}
#navi li
{
	float:left;
	text-indent:-9999px;
}
#navi li.list01 a{ background-position:left top; width:57px; }
#navi li.list02 a{ background-position:-57px top; width:221px; }
#navi li.list03 a{ background-position:-278px top; width:241px; }
#navi li.list04 a{ background-position:-519px top; width:241px; }
#navi li.list05 a{ background-position:-760px top; width:240px; }

#navi li.list01 a:hover{ background-position:left bottom; width:57px; }
#navi li.list02 a:hover{ background-position:-57px bottom; width:221px; }
#navi li.list03 a:hover{ background-position:-278px bottom; width:241px; }
#navi li.list04 a:hover{ background-position:-519px bottom; width:241px; }
#navi li.list05 a:hover{ background-position:-760px bottom; width:240px; }
/* メイン
------------------------------------------------------------------*/
#main
{
	background-image:url(../img/mainbg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	padding-top:50px;
}
#maincontents
{
	width:704px;
	float:left;
}
#subcontents
{
	width:280px;
	float:right;
}
/* メインコンテンツ
------------------------------*/
#topImg
{
	padding-bottom:10px;
}
.box
{
	margin-left:20px;
	margin-bottom:30px;
	margin-top:20px;
}
.detail
{
	position:relative;
	width:704px;
}
.detail p
{
	position:absolute;
	top:-48px;
	right:10px;
	background-color:#ffffff;
}
.detail p a
{
	display:block;
	height:39px;
	width:184px;
}
.detail p a:hover
{
	filter: alpha(opacity=80);
	opacity:0.8;
}
/* サブコンテンツ
------------------------------*/
#login
{
	border:1px solid #F3B3AA;
	background-color:#FFEFF2;
	padding:10px 0;
	text-align:center;
	margin-bottom:10px;
	
}
#login dt
{
	clear:left;
	float:left;
	width:60px;
	text-align:center;
	margin-left:20px;
}
#login dt,#login dd
{
	padding-bottom:3px;
}
#login #btn_login
{
	width:70px;
	clear:left;
	margin-bottom:10px;
}
.conbox
{
	padding:10px 0;
	border-bottom:1px dotted #72C0AA;
}
#conBt
{
	border-bottom:none;
}
.conImg
{
	padding:0px 0px 5px 5px;
	float:left;
}
.conR
{
	float:right;
	width:170px;
	padding-right:5px;
}
.green
{
	color:#72BFAA;
	font-size:1.2em;
	background-image:url(../img/tria.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-bottom:5px;
}
.conN
{
	padding-left:20px;
	padding-bottom:5px;
	padding-right:20px;
}
.read{
	color:#72BFAA;
	font-size:1.0em;
	float:right;
}
.read a{ color:#72BFAA;}
.read a:hover{ color:#94DFCC;}

.conR a{ color:#72BFAA;}
.conR a:hover{ color:#94DFCC;}
.conR a:visited{ color:#94DFCC;}
/*メイン下
------------------------------*/
#btmlink
{
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-left:20px;
	width:980px;
}
#btmlink li
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#btmlink .rightNone,#footer .rightNone,rightNone,#header .rightNone,#topicon .rightNone,.rightNone
{
	padding-right:0;
	margin-right:0;
	border:none;
	background:none;
	border-bottom:none;
}
#btmlink li a
{
	display:block;
	height:80px;
	width:230px;
}
#btmlink li a:hover
{
	filter: alpha(opacity=60);
	opacity:0.6;
	background-color: #fff;
}
/* フッター
------------------------------------------------------------------*/
#footer
{
	text-align:center;
	padding-top:10px;
	border-top:1px solid #ccc;
	color:#57543E;
}
#footer p
{
	font-size:0.8em;
	padding:5px 3px;
}
#footer li
{
	display:inline;
}
#vtmnavi li
{
	padding:0 10px;
	background-image:url(../img/footer_border.gif);
	background-position:right center;
	background-repeat:no-repeat;
	margin:0;
}
/* ページごと
------------------------------------------------------------------*/
/* メインコンテンツ　トップ
------------------------------*/
.dl01 dt
{
	clear:left;
	float:left;
	width:100px;
}
.dl01 dd
{
	width:564px;
	float:right;
}

.dl01 dt, .dl01 dd
{
	border-bottom:#CCCCCC 1px dotted;
	margin-bottom:10px;
	/*padding-bottom:2px;*/
	height:18px;
}
.box
{
	margin-left:20px;
	margin-bottom:30px;
	margin-top:20px;
	margin-right:20px;
	font-size:1.0em;
}
h4
{
	font-size:1.2em;
	line-height:2.1em;
	margin-bottom:10px;
	background-image:url(../../tileart/img/h4_bg.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
#poricy h4
{
	border-left:#999999 solid 10px;
	padding-left:10px;
	border-bottom:1px dotted #CCCCCC;
	background:none;
}
.box p
{
	line-height:1.5em;
	font-size:1.0em;
	margin-bottom:10px;
}
.detail
{
	position:relative;
	width:704px;
}
.detail p
{
	position:absolute;
	top:-48px;
	right:10px;
	background-color:#ffffff;
}
.detail p a
{
	display:block;
	height:39px;
	width:184px;
}
.detail p a:hover
{
	filter: alpha(opacity=80);
	opacity:0.8;
}
#topicon li
{
	float:left;
	margin-right:24px;
	margin-bottom:30px;
}
/* 協会について
------------------------------*/
#about #maincontents p
{
	line-height:1.7em;
}
.cen682
{
	width:682px;
	margin:0 auto 15px auto;
}
#about .mane
{
	font-weight:bold;
	padding-left:20px;
	line-height:2.0em;
	margin:20px 0;
}
#aboutBox
{
	border:2px solid #C7C7BD;
	width:679px;
	margin:50px auto 30px auto;
}
.bt10
{
	margin-bottom:10px;
}
.bt30
{
	margin-bottom:30px;
}
#aboutBox .aboutBox
{
	width:314px;
	border:1px solid #cccccc;
}
#aboutBox h5
{
	margin-bottom:15px;
	font-size:1.2em;
	line-height:30px;
	margin-left:0;
}
h4#dai
{
	background-image:url(../../about/img/daiBorder.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	border:none;
	font-size:1.3em;
}
#h4Bord h4
{
	background-image:url(../../about/img/h5_left.gif);
	background-position:left center;
	background-repeat:no-repeat;
	border-left:0;
	border-bottom:1px solid #ccc;
	height:40px;
	line-height:40px;
}
#aboutBox h6
{
	width:299px;
	height:30px;
	line-height:30px;
	background-image:url(../../about/img/h6bg.jpg);
	padding-left:15px;
	margin-bottom:10px;
	font-size:1.1em;
	font-weight:bold;
}
#aboutBox h6 a
{
	text-decoration: none;
	border-bottom: 1px dotted #433810;
}
#aboutBox .aboutL
{
	float:left;
	padding-left:10px;
	margin-bottom:10px;
	padding-right:10px;
}
#aboutBox .aboutR
{
	float:right;
	width:220px;
	padding-right:10px;
}
#aboutBox .aboutBoxL
{
	float:left;
	margin-left:10px;
}
#aboutBox .aboutBoxR
{
	float:right;
	margin-right:10px;
}
.Img20
{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
p.alignR
{
	text-align:right;
}
.innerL
{
	margin-left:15px;
}
#about .quad dd,#about .quad dt
{
	border:none;
	font-weight:bold;
}
.quad dt{
	clear:left;
	float:left;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../img/quad.gif);
	background-position:left center;
	background-repeat:no-repeat;
	height:25px;
	line-height:25px;
}
.quad dd
{
	height:25px;
	line-height:25px;
}
.abg
{
	margin-bottom:10px;
}
/* タイルアートについて
------------------------------*/

.leftImg
{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
h4.byimg,h6.byimg
{
	margin-left:205px;
}
.RightImg
{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.bold
{
	font-weight:bold;
}
/* アナンコンクール
------------------------------*/
#form
{
	position:relative;
}
#form p
{
	position:absolute;
	top:170px;
	left:244px;
	width:176px;
	overflow:hidden;
}
#form p a
{
	display:block;
	height:34px;
	width:176px;
	background-image:url(../../contest/img/formbtn.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#form p a:hover
{
	background-position:right top;
}
.block
{
	background-image:url(../img/quad.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:0;
}
.topBord
{
	border-top:1px dotted #ccc;
	padding-top:20px;
}
p.small
{
	font-size:0.8em;
}
p.strong
{
	background-image:url(../../lecture/img/poink.jpg);
	height:34px;
	width:664px;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	line-height:34px;
}
.cen
{
	text-align:center;
}

.blockpink li
{
	background-image:url(../img/blockpink.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
.blockgray {
	margin-bottom:10px;
}
.blockgray li
{
	
	background-image:url(../img/blockgray.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:3px;
}
.blockgreen li
{
	
	background-image:url(../img/blockgreen.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:3px;
}
.blockgreen {
	margin-bottom:10px;
}
.imgcen
{
     vertical-align: middle;
}
h6
{
	font-size:1.2em;
	line-height:2.1em;
	margin-bottom:10px;
	background-image:url(../img/triapin.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
h6.h6gray
{
	background-image:url(../img/triagray.gif);
}
h6.h6brown
{
	background-image:url(../img/triabrown.gif)
}
.none
{
	background:none;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
}
.right{
	text-align:right;
}
#main .btNone
{
	padding-bottom:0;
	margin-bottom:0;
}
/*Blog*/
.ul01 li
{
	background-image:url(../img/triap.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;

	padding-top:5px;
	line-height:1.7em;
}
.ul01
{
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
}
.abMinL{
	padding:0 10px 10px 10px;
}


.red {
color:#FF0000;
}