@charset "utf-8";

/* **************************************************
Name		: about.css
Create		: 8888.88.88
Update		: 8888.88.88
Copyright	: Toyohashi Plat
***************************************************** */

/* content===========================================
1: Normal Setting
===================================================== */

/*
10px = 77%		11px = 85%		12px = 93%		13px = 100%
14px = 108%		15px = 116%		16px = 123.1%	17px = 131%
18px = 138.5% 	19px = 146.5%	20px = 153.9%	21px = 161.6%
22px = 167% 	23px = 174%		24px = 182%		25px = 189%
26px = 197%
*/	

/* 1: Normal Setting
=========================================================================================== */
div#archives_box table.normal {
    border: 1px solid #333333;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 95%;
	color: #333333;
	margin:10px auto 10px 10px;
}

div#archives_box table.normal th {
	background-color: #DFE2EA;
	border: 1px solid #A9B4BC;
	padding: 8px 16px;
	text-align: left;
	font-weight: normal;
	width:100px;
}

div#archives_box table.normal th,
div#archives_box table.normal td {
	border: 1px solid #A9B4BC;
	padding: 8px 16px;
	vertical-align: middle;
}

/* �`�P�b�g�w���ē��̕⑫ */
/* ------------------------------------------------------- */

div#archives_box div.alert{
    background: #F5F5F5;
    border: 1px solid #B7B7B7;
    margin-top: 15px;
    padding: 0 0 15px;
}

div#archives_box div.alert div.title {
	font-weight: bold;
	border: 1px solid #FFFFFF;
	border-bottom: none;
}


div#archives_box div.alert div.title p{
    font-size: 16px;
    line-height: 1.3;
    margin:0 0 5px 0;
    background: url(../images/bg_alert.gif) repeat-x scroll left bottom;
    height: auto !important;
    padding: 11px 0 5px 17px;
}

div#archives_box div.alert ul li {
	font-size:95%;
    background: url(../images/list.png) no-repeat scroll left center;
    padding: 0px 0 0 20px;
	list-style-type: none;
    margin: 0 0 0 8px;
}

/* 1: �{�^��
=========================================================================================== */

.button_example{
border:1px solid #ffc826;-webkit-box-shadow: #B4B5B5 2px 2px 2px  ;-moz-box-shadow: #B4B5B5 2px 2px 2px ; box-shadow: #B4B5B5 2px 2px 2px  ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;width:280px;font-size:16px;font-family:arial, helvetica, sans-serif; padding: 14px 14px 14px 14px; text-shadow: -1px -1px 0 rgba(255,255,255,0.3);font-weight:bold; text-align: center; color: #850000; background-color: #ffd65e;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
 background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
 background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
 background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
 background-image: -o-linear-gradient(top, #ffd65e, #febf04);
 background-image: linear-gradient(top, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
}

.button_example:hover{
 border:1px solid #f7b800; background-color: #ffc92b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc92b), color-stop(100%, #ce9a01));
 background-image: -webkit-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -moz-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -ms-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -o-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: linear-gradient(top, #ffc92b, #ce9a01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);
}

/* --------------- */

.button_example2{
border:1px solid #ffc826;-webkit-box-shadow: #B4B5B5 2px 2px 2px  ;-moz-box-shadow: #B4B5B5 2px 2px 2px ; box-shadow: #B4B5B5 2px 2px 2px  ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;width:280px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 14px 14px 14px 14px; text-shadow: -1px -1px 0 rgba(255,255,255,0.3);font-weight:bold; text-align: center; color: #850000; background-color: #ffd65e;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
 background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
 background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
 background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
 background-image: -o-linear-gradient(top, #ffd65e, #febf04);
 background-image: linear-gradient(top, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
}

.button_example2:hover{
 border:1px solid #f7b800; background-color: #ffc92b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc92b), color-stop(100%, #ce9a01));
 background-image: -webkit-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -moz-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -ms-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -o-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: linear-gradient(top, #ffc92b, #ce9a01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);
}


/* 1: QR�R�[�h
=========================================================================================== */

div#qr_mypage,
div#qr_touroku{
	float:right;
	width:560px;
	border: 3px double #CCCCCC;
	margin: 10px 15px 5px 5px;
	padding: 5px 10px;
	background-color: #F0F0F0;
}

div#qr_mypage p.mb,
div#qr_touroku p.mb{
	margin-top:5px;
	background-image: url(../images/mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	line-height:1.4;
}

div#qr_mypage p.mb img,
div#qr_touroku p.mb img{
	padding-right:5px;
}

div#qr_mypage p.mb_url,
div#qr_touroku p.mb_url{
	padding-left:40px;
}

div#qr_mypage p.mb img.qr,
div#qr_touroku p.mb img.qr{
	border: 1px solid #333333;
	margin: 0px;
	padding: 0px;
}