@charset "Shift_JIS";


/* リンク設定
オフィスあん新コンテンツ
--------------------------------------------------------------*/
a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
 color:#333399;
}
a:hover { 
 color:#000000;
 text-decoration:underline;
}
a:active {
  color: blue;
}

img {
    border:none;
}

/* 基本タグ（初期化）

--------------------------------------------------------------*/
body {
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 background-image:url('../an/img/back.gif');
 background-position:top left;
 margin:10px 0;
} 

p {
    margin:0px;
} 

h1,h2,h3,h4,h5,h6 {
 margin:0;
 padding:0;
 text-align:left;
}


th {
    font-weight:normal;
}

.box1{
    text-align:center;
    width:100%;
}
.box2{
    text-align:left;
    margin:0px auto;
    width:770px;
}

em{
 font-style:normal;
 font-weight:bold;
 color:#ff0000;
}

/* ヘッダー・フッター
--------------------------------------------------------------*/


.footer {
 width:770px;
    color: #666666;
    font-size: 70%;
    padding:5px;
 clear:both;
 height:53px;
 text-align:center;
}

.footer:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; 
}

.footer_l{
 float:left;
 margin:0;
}

.footer_r{
 float:right;
}

.photo{
    border:1px solid #cccccc;
    padding:5px;
}

/* メニュー
メニューバーの設定
--------------------------------------------------------------*/
ul{
 margin:0;
 padding:0;
}

li{
 margin:0;
 padding:0;
}
/*ナビ
--------------------------------------------------------------*/
#nav{
    margin-top:0;
    background-color:#CCCCCC;
    width:100%;
 width:770px;
 height:53px;
 text-align:center;
}

#nav ul{
    list-style-type:none;
    margin-left:25px;
 _height: 1px;
 min-height: 1px;
}

#nav li{
    display:inline;
    padding:0px;
 float:left;

}

#nav ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; 
}

#nav a{
    text-decoration:none;
    color:#FFFFFF;
    display:block;
    float:left;
 padding:0 5px;
}

#nav #current{
    text-decoration:none;
    color:#FFFFFF;
    display:block;
    float:left;
    background-color:#FF6699;
}

#nav a:hover{
    color:#FF6699;
    background-color:#E3E3E3;
}


/* トップ関連
--------------------------------------------------------------*/
.top{
 width:770px;
 margin:0 0 5px 0;
}


/* コンテンツレイアウト関連
--------------------------------------------------------------*/
.contents{
 width:770px;
 background-color:#FFFFFF;
 margin:5px 0 0 0; 
 text-align:left;
 _height: 1px;
 min-height: 1px;
}

.contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


#topcontents{
}


.tcwaku{
 width:500px;
 text-align:left;
 background-image:url('../an/img/back_text.gif');
 background-repeat:no-repeat;
 height:auto;
 margin:10px 10px 10px 200px;
 background-position:bottom;
 padding-bottom:5px;
}

.at01{
 margin:10px 0 15px 20px;
 line-height:160%;
 font-size:85%;
}

.anb{
 margin:5px 0 20px 25px;
}

.anb p{
 font-size:80%;
 margin:2px 0;
}

#topcontents h1{
 padding:15px 0 0 150px;
}

#topcontents h2{
 padding:15px 0 0 150px;
}
/* 中身コンテンツレイアウト関連
--------------------------------------------------------------*/

.unitL{
 margin-top:15px;
 padding-top:35px;
 width:150px;
 float:left;
 text-align:left;
 border-right:1px dotted #cccccc;
 background-image:url('../an/message/img/back_menu.gif');
 background-repeat:no-repeat;
 background-position:top;
 _height: 1px;
 min-height: 1px;
}

.unitL:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


.unitL ul{
 display:block;
 margin:0 0 0 15px;
 padding:0 0 0 5px;
 font-size:80%;
 color:#333333;
 list-style-type: none;
}

.unitL li{
 background-repeat:no-repeat;
 background-position:5px 8px;
 border-bottom:1px dotted #cccccc;
 line-height:180%;

}


.unitR{
 float:right;
 text-align:left;
 width:600px;
 margin:10px  0 10px 0;

}


h2{
 text-align:left;
}

/* unitLリンク設定
--------------------------------------------------------------*/
.unitL a {
 text-decoration:none;
 display:block;
 background-image:url('../an/message/img/mark_01.gif');
 background-repeat:no-repeat;
 background-position:5px 8px;
 padding:0 0 0 20px;
}
.unitL a:visited {
 text-decoration:none;
 color:#333399;
}
.unitL a:hover { 
  background-color:#99CCFF;
 color:#ffffff;
 text-decoration:none;
 display:block;
 background-image:url('../an/message/img/mark_01.gif');
 background-repeat:no-repeat;
 background-position:5px 8px;

}
.unitL a:active {
  color: blue;
}
 


/* テキスト
--------------------------------------------------------------*/
.text01{
 font-size:80%;
 color:#333333;
}

.text02{
 font-size:80%;
 color:#666666;
 margin:5px 0 5px 0;
}

.text02 em{
 font-weight:bold;
 font-style:normal;
 color:#333333;
}

.text03{
 font-size:70%;
 color:#666666;
 margin:0 0 5px 0; 
}

.text04{
  font-size:70%;
 color:#666666;
 margin:0; 
}

.text05,.archive li{
 font-size:80%;
 color:#333333;
 line-height:140%;
 padding-bottom:5px;
}

/* メッセージレイアウト
--------------------------------------------------------------*/
.table01{
 margin:15px 20px 0 0;
 padding:5px;
 border:1px solid #cccccc;
 _height: 1px;
 min-height: 1px;
}

.table01:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.table02{
 margin:5px 20px 0 0;
 padding:5px;
}

.table03{
 margin:5px 20px 0 0;
 padding:5px;
 border-bottom:1px dotted #cccccc;
 clear:both;
 _height: 1px;
 min-height: 1px;
}

.table03:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}




.table01 h2{
 font-weight:bold;
 font-size:85%;
 font-style:normal;
 color:#333333;
}

.table02 em{
 font-weight:bold;
 font-size:85%;
 font-style:normal;
 color:#333333;
}

.tableehon{
 margin:5px 20px 60px 0;
 padding:5px;
 border-bottom:1px dotted #cccccc;
 clear:both;
 _height: 1px;
 min-height: 1px;
}

.tableehon p{
	font-size:15px;
	line-height:1.7;
	color:#813f13;}

.pagetop{
	font-size:13px !important;
	text-align:right;
	margin:15px 0 5px 0;}

/* イメージ
--------------------------------------------------------------*/
.img_l{
 float:left;
 width:135px;
 padding:2px;
 border:1px dotted #99CCCC;
 text-align:center;
 margin-right:3px;
}

.img_l02{
 float:left;
 padding:2px;
}

.img_r{
 float:right;
}

.img_r02{
 float:right;
 padding:2px;
}

/* ポリシー
--------------------------------------------------------------*/
.policy p{
 font-size:80%;
 color:#333333;
 margin:2px 0 0 6px 0;
 padding-bottom:10px;
 line-height:140%; 
}

.prof p{
 font-size:80%;
 color:#333333;
 line-height:140%;
 padding-bottom:5px;
}

/* プロフィール
--------------------------------------------------------------*/
.prof em{
 font-style:normal;
 font-weight:bold;
}

#words01{
    width:580px;
    margin:0px 10px 10px 0;
}

#words01 dt{
 clear: left;
 float: left;
 width: 8em;
 padding: 5px 0.5em 3px 0.5em;
 font-size:70%;
 color:#333333;
 text-align:left;
    line-height:120%;
}

#words01 dd{
    margin-left: 0;
    padding: 5px 0.5em 3px 8em;
    border-bottom: dotted 1px #cccccc;
    font-size:70%;
    line-height:120%;
 color:#666666;
}

/* ギャラリー
--------------------------------------------------------------*/

.gal{
 margin:5px 20px 30px 0;
 border:1px solid #cccccc;
 padding:5px;
}


.gal ul{
 margin:5px 0 0 0;
 padding:0;
 list-style-type:none;
	_height: 1px;
	min-height: 1px;
 clear:both;
}

.gal li{
 float:left;
 padding-right:6px;
 font-size:85%;
}

.gal ul:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.gal p{
 font-size:80%;
 line-height:130%;
}
/* お問い合わせレイアウト
--------------------------------------------------------------*/
.con{
 margin:15px 20px;
}

/* 表

--------------------------------------------------------------*/
.con table.mailform {
				margin: 0px auto 0px auto;
 font-size:80%;
			}
.con table.mailform td p {
				font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
				font-size: 9px;
				color: #0B479F;
				display: block;
				margin: 0px;
			}
.con table.mailform td span {
				font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
				font-size: 10px;
				color: #FF0000;
			}

/* 活動記録レイアウト
--------------------------------------------------------------*/
.archive{}

.archive h2{
 background-image:url('../an/archive/img/back_t01.gif');
 background-position:3px 4px;
 background-repeat:no-repeat;
 background-color:#CCCCCC;
 font-size:85%;
 font-weight:bold;
 color:#000000;
 margin:15px 20px 0 0;
 text-alig:left;
 text-indent:16px;
 padding:6px 0;
}

.archive h3{
 font-size:85%;
 border-bottom:1px solid #ccccff;
 border-right:1px solid #9999ff;
 margin:10px 20px 10px 0;
 padding:5px;
 clear:both;
}

.cl{
 clear:both;
}

.archive ul{
	margin:0 0 0 20px;}

.archive li{
	list-style:disc;}
/* 表現者とコラボ
--------------------------------------------------------------*/

.pro_right{
 width: 400px;
 float:left;
}