@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
 
/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:#fff;
   position: relative;
}

br {
   letter-spacing:normal;
}

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

a:hover {
   color:#FF6600;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

p {
   color:#666;
   text-decoration:none;
}



/* ========TEMPLATE LAYOUT======== */
div#top {
   width:790px;
   margin:0 auto;
   background:url("images/bg_contents_left.gif") 0 0 repeat-y;
   position: relative;
}

div#wrapper {
   width:790px;
   background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}

div#header {
	position:relative;
	padding:0 5px;
	
}

div#pr {
	width:480px;
	position:absolute;
	left:280px;
	top:5px;
}

div#contents {
   margin:0 5px;
   padding:20px 20px 0 20px;
   position: relative;
}


div#main {
   float:right;
   width:500px;
}

div#sub {
   float:left;
   width:220px;
}


div#totop {
   clear:both;
}

div#footer {
   clear:both;
   margin:0 5px;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   padding:10px;
   font-size:150%;/* 24px相当 */
   color:#fff;
   line-height:70px;
}

div#header h1 a {
   color:#333;
}

div#header h1 a:hover {
   color:#666;
}

div#header #pr p {
	margin:0;
	font-size:75%;
	text-align: right;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
   margin-bottom:10px;
}

div#sub h2 {
   padding:3px;
   font-size:82%;/* 13px相当 */
   font-weight:bold;
   color:#000;
   background:url("images/bg_sub_h2.gif") 50% 50%;
}

div#sub ul {
   margin:5px 0 0 5px;
   padding:0;
}

div#sub li {
   padding:5px 0 5px 0;
   font-size:75%;/* 12px相当 */
   line-height:1.4;
   list-style:none;
}


div#sub li a {
   display:block;
   padding-left:12px;
   background:url("images/bg_sub_list.gif") 0 5px no-repeat;
   line-height:normal;
}

div#sub .section li a[href$='.pdf'] {
   display:block;
   padding-left:12px;
   background:url("images/bg_sub_list.gif") 0 5px no-repeat;
   line-height:normal;
}



div#contents .sideBanner ul {
   margin:5px 0 0 5px;
   padding:0;
}

div#contents .sideBanner li {
   padding:5px 0 0 0;
   font-size:75%;/* 12px相当 */
   /* line-height:1.4; */
   list-style:none;
}

div#contents .sideBanner li a {
   display:block;
   padding-left:12px;
   background:no-repeat;
   line-height:normal;
}

/* MENU CUSTOMIZE */
div#contents #sub div#menu ul {
   margin:0 0 20px 0;
   padding:0;
}

div#contents #sub div#menu li {
   margin:0;
   padding:0;
   font-size:75%;/* 12px相当 */
   color:#333;
   list-style-type:none;
}

div#contents #sub div#menu li a {
   display:block;
   width:200px;
   color:#333;
   padding:10px 0 10px 20px;
   border-bottom:1px solid #DCDCDC;
   background:url("images/bg_menulist.gif") 0 12px no-repeat;
}


div#contents #sub div#menu li a:hover {
   color:#FF6600;
}

/* ========MAINCONTENTS CUSTOMIZE======== */
div#main a {
   color:#663300;
}

div#main a:hover {
   color:#FF6600;
   text-decoration:underline;
}

div#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#333;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   border-bottom:3px double #F60;
}

div#main h3 {
   margin-bottom:3px;
   font-size:88%;/* 14px相当 */
   border-bottom:1px dotted #F60;
}

div#main h4 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h5 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}


div#main p {
   margin:0 0 1em 0;
   font-size:82%;/* 13px相当 */
}

div#main ul,ol,dl {
   font-size:82%;/* 13px相当 */
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

div#main div.icatch {
   margin-bottom:20px;
}

/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div{
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:10em;
   color: #663300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(img/00top/icon_arrow_03.gif);
	background-repeat: no-repeat;
	background-position: center left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#FF6600;
}

div#main dl.information dd {
   margin:0 0 0.5em 12em;
   padding:0;
   background:transparent;
   	
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
   font-size:75%;/* 12px相当 */
}

div#totop a {
   padding:0 0 0 12px;
   background:url(images/bg_totop.gif) 0 50% no-repeat;
}

a.menuGotoTop {
	font-size: 0.7em;
	text-transform: lowercase;
	background-image: url(images/bg_totop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}
/* ========FOOTMENU CUSTOMIZE======== */

/* PageTopへのリンクテキスト ここから */

#gotoTop {
	font-size: 75%;
	text-align: right;
	text-transform: lowercase;
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}

#gotoTop a {
	background-image: url(images/bg_totop.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}

/* PageTopへのリンクテキスト ここまで */

div#footMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   background:url("images/bg_dotline.gif") 0 0 repeat-x;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:75%;/* 12px相当 */
   list-style:none;
}

div#footMenu li a {
   padding-left:10px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   margin:0 10px;
   padding:5px 0;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#fff;
   text-align:center;
   background:#F30;
}

/* SITEMAPへのリンクテキスト ここから */

#siteMap {
	font-size: 0.7em;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	left: 120px;
	top: 50px;
	
}

#siteMap a {
	background-image: url(img/00top/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}

#siteMap a[href ^="mailto:"] {
	background-image: url(img/00top/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
	padding-right: 0px;
}

#siteMap a[href$='.pdf'] { 
	background-image: url(img/00top/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
	padding-right: 0px;
}


/* SITEMAPへのリンクテキスト ここまで */

/* Information ここから */

iframe {
	/* width: 440px; */
	/* height: 100px; */
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

dl#infoData dt {
	color: #663300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(img/00top/icon_arrow_03.gif);
	background-repeat: no-repeat;
	background-position: center left;
}


body#infoBody {
	line-height: 1.5em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

dl#infoData {
	width: 480px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#infoData dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#FF6600;
}

dl#infoData p {
	color:#666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#infoData2 dt {
	color: #663300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(img/00top/icon_arrow_03.gif);
	background-repeat: no-repeat;
	background-position: center left;
}


dl#infoData2 {
	width: 520px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#infoData2 dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#FF6600;
}

dl#infoData2 p {
	color:#666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/* Information ここまで */

/* welcomeMessage ここから */
p#welcomeMessage {
	color:#666;
	line-height: 1.5em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

#welcomeMessage img {
	float: right;
	margin-left: 15px;
}
/* welcomeMessage ここまで */

/* パンくず　ここから */

ol#topicPath {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 0;
	font-size: 80%;
	list-style: none;
}

ol#topicPath li {
	float: left;
	padding-right: 6px;
	padding-left: 12px;
	background: url(img/ico_sample02_02.gif) no-repeat 0 50%;
}

ol#topicPath li.home {
	padding-left: 18px;
	background: url(img/ico_sample02_01.gif) no-repeat 0 50%;
}

ol#topicPath li a:link,
ol#topicPath li a:visited {
	color: #0000FF;
	text-decoration: underline;
}

ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #FF0000;
	text-decoration: underline;
}

ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}

*.float_left
      {
         float: left;
         margin-right: 1em;
      }

*.float_right
      {
         float: right;
         margin-left: 1em;
      }

*.floatclear
      {
         clear: both;
      }


/* 行事予定　ここから */

#yoteiList {
}

#yoteiList li {
 color: #666;
	display: inline;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#yoteiList a {
    color: #666;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#yoteiList li a:link {
	color: #663300;
	text-decoration: none;
}
#yoteiList li a:visited {
	color: #663300;
	text-decoration: none;
}
#yoteiList li a:hover {
	color: #FF6600;
	text-decoration: none;
}
#yoteiList li a:active {
	color: #000000;
	text-decoration: none;
}


/* --- リストエリア --- */
#main ol.qa {
width: 480px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted;/*  リストエリアの上境界線 */
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
#main ol.qa li {
padding: 20px 5px 14px; /* リスト項目のパディング（上、左右、下） */
border-bottom: 1px #c0c0c0 dotted; /* リスト項目の下境界線 */
}

/* --- 項目の内容 --- */
#main ol.qa dl {
margin: 0;
}

/* --- Questionエリア --- */
#main ol.qa dt {
margin: 0;
padding: 5px 0 12px 30px; /* Questionエリアのパディング（上右下左） */
background: url(img/07qa/q.gif) no-repeat left top; /* Questionエリアの背景 */
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
#main ol.qa dd {
margin: 0;
padding: 5px 0 12px 30px; /* Answerエリアのパディング（上右下左） */
background: url(img/07qa/a.gif) no-repeat left top; /* Answerエリアの背景 */
/* line-height: 150%; */
}

/* SITEMAP　ここから */

#main .sitemapList {
	float: left;
	width: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#main .sitemapList dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#main .sitemapList dd {
	font-size:13px
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#main .sitemapList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main .sitemapList ul a:link {
	color: #663300;
	text-decoration: none;
}
#main .sitemapList ul a:visited {
	color: #663300;
	text-decoration: none;
}
#main .sitemapList ul a:hover {
	color: #FF6600;
	text-decoration: none;
}
#main .sitemapList ul a:active {
	color: #000000;
	text-decoration: none;
}

/* SITEMAP　ここまで */

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color:#FFFFFF;
		padding: 5px;
		width: 490px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 10px;
	}
	#gallery ul a:hover img {
		border: 5px solid #CCFFFF;
		border-width: 5px 5px 10px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }


/* Iconize 0.5 */

/* websites (pictures and movies) */
 a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_css.gif) no-repeat center right;
}


a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ttf.gif) no-repeat center right;
}


a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}