/* base design 071219 */

@charset "UTF-8";

{
	margin: 0px;
	padding: 0px;
	word-break: break-all;
}

/* Reset ------------------------------------------------------------------ */
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css by beausmith.com
    http://developer.yahoo.com/yui/reset/
*/
:link,:visited {
    text-decoration: none;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h2,h3,h4,h5,h6,pre,code,p,blockquote,hr {
    margin: 0;
    padding: 0;
}

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

table {
    border-spacing: 0;
	border-collapse:collapse;
}

th,td{
	margin: 0;
	padding:0;
}


fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}
ol,ul {
    list-style: disc;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}

/*基本デザイン*/


body {
	font-family: "メイリオ", "ＭＳ ゴシック", sans-serif, Osaka;
	color: #333333;
/*	background-color: #666666;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


body,td,th {
	font-family: "メイリオ", "ＭＳ ゴシック", sans-serif, Osaka;
	color: #000000;
/*	font-size:10px;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}



a:link {
	text-decoration: none;
	color: #84365B;
}


a:visited {
	text-decoration: none;
	color: #cc9999;
}


a:hover {
	text-decoration: none;
}


a:active {
	text-decoration: none;
}


.navi:link, .navi:visited {
	color: #FFFFFF;
	text-decoration: none;
}


a img {
	border: none;
}


p, ol, ul{
	font-weight: normal;
	font-style: normal;
/*	font-size: 14px;*/
	line-height: 180%;
}


ol, ul{
	margin: 0 0 0 28px;
}


.caption {
	font-family: "メイリオ", "ＭＳ ゴシック", sans-serif, Osaka;
	font-size: 85%;
	font-style: normal;
	line-height: 150%;
	color: #000000;
	text-decoration: none;
}


.location {
	font-family: "メイリオ", "ＭＳ ゴシック", sans-serif, Osaka;
	font-size: 10px;
	font-style: normal;
	line-height: 150%;
	color: #000000;
	text-decoration: none;
	padding: 0 14px 0;
}


.cat_title {
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #000000;
	border-bottom: solid 4px #cccccc;
	text-decoration: none;
}


.margin-b12 {
	margin-bottom: 12px;
}


/* フレームカラー用クラス */

.boxColor_flame {
	background-color: #0066ff;
}


/* カラーボックス用クラス */

.boxColorWhite {
	background-color: #FFFFFF;
}


.boxColorperple {
	background-color: #84365B;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColorDGray {
	background-color: #333333;
}


.boxColorMagenta {
	background-color: #ff0099;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColorOrange {
	background-color: #ff9900;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColorLime {
	background-color: #66ee00;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColorGreen {
	background-color: #009900;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColorCyan {
	background-color: #0099ff;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColor_mo {
	background-image: url("images/marker_mo.gif");
	background-color: #ffffff;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColor_og {
	background-image: url("images/marker_og.gif");
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #ffffff;
	padding: 0px 1px;
}


.boxColorLink {
	background-color: #84365B;
	color: #ffffff;
	padding: 0px 5px 0px;
}



/* 文字装飾クラス */

.textColorblack {
	color: #000000;
}


.textColorPerple {
	color: #84365B;
}


.textColorblue {
	color: #000066;
}


.textColorDGray {
	color: #999999;
}

h2{
	font-weight: bold;
	font-style: normal;
	font-size: 210%;
	line-height: 240%;
}	


h3{
	font-weight: bold;
	font-style: normal;
	font-size: 180%;
	line-height: 210%;
}	


h4{
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 180%;
}	


.underline {
	color: #84365B;
	text-decoration: underline;
	font-weight: bold;
}


.underlineM {
	color: #ff0099;
	text-decoration: underline;
	font-weight: bold;
}


.underlineO {
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}


.underlineL {
	color: #66ee00;
	text-decoration: underline;
	font-weight: bold;
}


.underlineG {
	color: #009900;
	text-decoration: underline;
	font-weight: bold;
}


.underlineC {
	color: #0099ff;
	text-decoration: underline;
	font-weight: bold;
}


hr {
    border: 0;
    height: 1px;
    background-color: #999999;
    color: #999999;
	text-align: left;
	margin: 0px 0px 10px;
}



/* インデント用ボックス */

.indent {
	margin: 0 16px 0;
}


.indentL {
	text-align: left;
	vertical-align: top;
	margin: 0 0 0 12px;
}


.indentL18 {
	text-align: left;
	vertical-align: top;
	margin: 0 0 0 18px;
}


.indentL21 {
	text-align: left;
	vertical-align: top;
	margin: 0 0 0 21px;
}


.indentR {
	text-align: right;
	vertical-align: top;
	margin: 0;
}



/* 画像レイアウト用ボックス */

img.imgbox {
	margin: 0;
	padding: 0px 10px 2px 0px;
	text-align: left;
	vertical-align: top;
	border: none;
	float: left;
}


img.imgboxR {
	margin: 0;
	padding: 0px 0px 2px 10px;
	text-align: left;
	vertical-align: top;
	border: none;
	float: right;
}


img.imgboxGrm {
	padding: 0;
	margin: 20px 10px 30px 0px;
	text-align: left;
	vertical-align: top;
	border: none;
	float: both;
}


.imgbox_v {
	width: 64px;
	height: auto;
	margin: 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
	vertical-align: top;
	border: none;
	float: left;
}


/*div内の自動改行*/

div     {
        word-break: nomal;
		word-wrap: break-word;
        }



/* その他制御 */

.nomargin { margin: 0 !important; }


/* .margin_btm { margin-bottom: ２０; } */

.noborder { border: 0 !important; }


.alignleft { text-align: left; }


.aligncenter { text-align: center; }


.alignright { text-align: right; }


.mid {
	vertical-align: middle;
}


.midcenter {
	text-align: center;
	vertical-align: middle;
}


.topleft {
	text-align: left;
	vertical-align: top;
}


.floatright {
	float: right;
	margin: 10px;
}


.floatleft {
	float: left;
	margin: 10px;
}


.clearboth {
	clear: both;
}


.clearleft {
	clear: left;
}


.clearright {
	clear: right;
}


.floatcontainer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}



/*\*/
* html .floatcontainer {
    height: 1em;
    overflow: visible;
}